#baguetteBox-overlay { display: none; opacity: 0; position: fixed; overflow: hidden; top: 0; left: 0; width: 100%; height: 100%; background-color: #222; background-color: rgba(0, 0, 0, .8); -webkit-transition: opacity .5s ease; -o-transition: opacity .5s ease; -moz-transition: opacity .5s ease; transition: opacity .5s ease; z-index: 99999999999999999999999999999999999999 } [aria-expanded="false"]>.link-collapse-active, [aria-expanded="true"]>.link-collapse-default { display: none; } dl, ol, ul { padding: 0rem; margin: 0 } #baguetteBox-overlay.visible { opacity: 1 } #baguetteBox-overlay .full-image { display: inline-block; position: relative; width: 100%; height: 100%; text-align: center } #baguetteBox-overlay .full-image figure { display: inline; margin: 0; height: 100% } #baguetteBox-overlay .full-image img { display: inline-block; width: auto; height: auto; max-height: 100%; max-width: 100%; vertical-align: middle; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .6); box-shadow: 0 0 8px rgba(0, 0, 0, .6) } #baguetteBox-overlay .full-image figcaption { display: block; position: absolute; bottom: 0; width: 100%; text-align: center; line-height: 1.8; color: #ccc; background-color: #000; background-color: rgba(0, 0, 0, .6); font-family: "Microsoft YaHei" } #baguetteBox-overlay .full-image:before { content: ""; display: inline-block; height: 50%; width: 1px; margin-right: -1px } #baguetteBox-slider { position: absolute; left: 0; top: 0; height: 100%; width: 100%; white-space: nowrap; -webkit-transition: left .4s ease, -webkit-transform .4s ease; transition: left .4s ease, -webkit-transform .4s ease; -o-transition: left .4s ease, -o-transform .4s ease; -moz-transition: left .4s ease, transform .4s ease, -moz-transform .4s ease; transition: left .4s ease, transform .4s ease; transition: left .4s ease, transform .4s ease, -webkit-transform .4s ease, -moz-transform .4s ease, -o-transform .4s ease; transition: left .4s ease, transform .4s ease, -webkit-transform .4s ease } #baguetteBox-slider.bounce-from-right { -webkit-animation: bounceFromRight .4s ease-out; -moz-animation: bounceFromRight .4s ease-out; animation: bounceFromRight .4s ease-out } #baguetteBox-slider.bounce-from-left { -webkit-animation: bounceFromLeft .4s ease-out; -moz-animation: bounceFromLeft .4s ease-out; animation: bounceFromLeft .4s ease-out } .baguetteBox-button#next-button, .baguetteBox-button#previous-button { top: 50%; top: -webkit-calc(50% - 30px); top: -moz-calc(50% - 30px); top: calc(50% - 30px); width: 44px; height: 60px } .baguetteBox-button { position: absolute; cursor: pointer; outline: 0; padding: 0; margin: 0; border: 0; border-radius: 15%; background-color: #323232; background-color: rgba(50, 50, 50, .5); color: #ddd; font: 1.6em sans-serif; -webkit-transition: background-color .4s ease; -o-transition: background-color .4s ease; -moz-transition: background-color .4s ease; transition: background-color .4s ease } .baguetteBox-button:hover { background-color: rgba(50, 50, 50, .9) } .baguetteBox-button#next-button { right: 2%; display: block !important } .baguetteBox-button#previous-button { left: 2%; display: block !important } .baguetteBox-button#close-button { top: 20px; right: 2%; right: -webkit-calc(2% + 6px); right: -moz-calc(2% + 6px); right: calc(2% + 6px); width: 30px; height: 30px } .baguetteBox-button svg { position: absolute; left: 0; top: 0 } article, aside, dialog, figure, footer, header, main, menu, nav, section { display: block } .zoomPad { position: relative; float: left; z-index: 99; cursor: crosshair } .zoomPreload { -moz-opacity: .8; opacity: .8; color: #333; font-size: 12px; font-family: "Microsoft YaHei"; text-decoration: none; border: 1px solid #ccc; background-color: #fff; padding: 8px; text-align: center; background-image: url(../images/zoomloader.gif); background-repeat: no-repeat; background-position: 43px 30px; z-index: 110; width: 90px; height: 43px; position: absolute; top: 0; left: 0 } .zoomPup { overflow: hidden; background-color: #fff; -moz-opacity: .6; opacity: .6; z-index: 120; position: absolute; border: 1px solid #ccc; z-index: 101; cursor: crosshair } .zoomOverlay { position: absolute; left: 0; top: 0; background: #fff; z-index: 5000; width: 100%; height: 100%; display: none; z-index: 101 } .zoomWindow { position: absolute; left: 110%; top: 40px; background: #fff; z-index: 6000; height: auto; z-index: 10000; z-index: 110 } .zoomWrapper { position: relative; border: 1px solid #999; z-index: 110 } .zoomWrapperTitle { display: block; background: #999; color: #fff; height: 18px; line-height: 18px; width: 100%; overflow: hidden; text-align: center; font-size: 10px; position: absolute; top: 0; left: 0; z-index: 120; -moz-opacity: .6; opacity: .6 } .zoomWrapperImage { display: block; position: relative; overflow: hidden; z-index: 110 } .zoomWrapperImage img { border: 0; display: block; position: absolute; z-index: 101 } .zoomIframe { z-index: -1; -moz-opacity: .8; opacity: .8; position: absolute; display: block } .wap-hd-nav { padding: 0; display: none } h1, h2, h3 { font-weight: 400 } .wap-nav { width: 5px; height: 100%; position: absolute; right: 0; -webkit-transition: all .4s ease 0s; -o-transition: all .4s ease 0s; -moz-transition: all .4s ease 0s; transition: all .4s ease 0s; z-index: 999999999999999; cursor: pointer; position: fixed; top: -5px; right: 0; display: block } .wap-nav .nav { overflow: hidden; width: 300px; background: rgba(0, 0, 0, .8); position: absolute; top: 0; right: 0; display: block; height: auto } .wap-nav .nav span { font-family: "Microsoft YaHei" } .wap-nav .nav form { margin: 15px auto; width: 258px; height: 26px; border: 1px solid #fff } .wap-nav .nav form .iptc { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-left: 15px; background-color: #fff; width: 80%; height: 26px; line-height: 26px; display: block; float: left } .wap-nav .nav form .ipsc { width: 20%; height: 26px; line-height: 26px; display: block; float: right; background: #fff url(../images/sch2.png) no-repeat center center } .wap-nav .nav>ul { display: none; margin-top: 0; margin-bottom: 0; overflow: scroll; padding-top: 45px; -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .wap-nav .nav>ul>li { line-height: 40px; font-size: 12px; font-size: 1.2rem; text-indent: 20px; position: relative } .wap-nav .addition { width: 20px; height: 20px; position: absolute; right: 15px; top: 10px; background: url(../images/shizi.png) no-repeat center center } .wap-nav .addition.active { background-image: url(../images/yizi.png) } .wap-nav .addition.fa:before { margin-right: 5px; color: #fff; text-indent: 0 } .wap-nav .nav>ul>li>a { margin-right: 40px; color: #fff; font-size: 12px; font-size: 1.2rem; display: block } .wap-nav .nav>ul>li>a span { color: #fff; font-size: 12px; font-size: 1.2rem } .wap-nav .nav>ul>li .c-show { display: none; width: 100% } .wap-nav .nav>ul>li .c-show1 .c-s1 { position: relative; width: 50%; } .nav-language .c-s1 { float: left } .wap-nav .nav>ul>li .c-show1 .c-s1>a { position: relative; margin-right: 40px; font-size: 12px; font-size: 1.2rem; color: #fff; display: block; padding-top: 5px; padding-bottom: 5px; line-height: 30px } .wap-nav .nav>ul>li .c-show1 .c-s1>a span { font-size: 12px; font-size: 1.2rem; color: #fff } .wap-nav .nav>ul>li .c-show1 .c-s1>.c-show2 { position: relative } .wap-nav .nav>ul>li .c-show1 .c-s1>.c-show2 .c-s2 { position: relative } .wap-nav .nav>ul>li .c-show1 .c-s1>.c-show2 .c-s2>a { margin-right: 40px; text-indent: 35px; font-size: 12px; font-size: 1.2rem; color: #fff; display: block; padding-top: 5px; padding-bottom: 5px; line-height: 30px } .wap-nav .nav>ul>li .c-show1 .c-s1>.c-show2 .c-s2>a span { font-size: 12px; font-size: 1.2rem; color: #fff } .wap-nav .nav>ul>li .c-show1 .c-s1 .c-s2 .c-show3 { position: relative } .wap-nav .nav>ul>li .c-show1 .c-s1 .c-s2 .c-show3 .c-s3 a { margin-right: 40px; text-indent: 50px; font-size: 12px; font-size: 1.2rem; color: #fff; display: block; padding-top: 5px; padding-bottom: 5px; line-height: 30px } .wap-nav .nav>ul>li .c-show1 .c-s1 .c-s2 .c-show3 .c-s3 a span { font-size: 12px; font-size: 1.2rem; color: #fff } .wap-nav .nav>ul>dl { padding: 20px } .wap-nav .nav>ul>dl dd { float: left; margin: 0 2px } .wap-nav .menubtn { width: 23px; height: 18px; position: absolute; top: 12px; right: 12px; -webkit-transition: all .4s ease 0s; -o-transition: all .4s ease 0s; -moz-transition: all .4s ease 0s; transition: all .4s ease 0s; z-index: 9999 } .wap-nav .menubtn span { display: block; width: 100%; height: 3px; margin-bottom: 3px; background-color: #1aa866 } @media screen and (min-width:992px) { .menubtn, .wap-nav { display: none } } @media screen and (max-width:991px) { .wap-hd-nav { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row nowrap; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; background-color: #1aa866 } .wap-hd-nav-item { width: 25% } .wap-hd-nav-item a { display: block; padding: 5px 0; line-height: 20px; font-size: 14px; color: #fff; text-align: center; background-color: #363636 } .wap-hd-nav-item a.active { color: #fff; background-color: #1aa866 } } .slide .carouse { width: 100%; overflow: hidden; position: relative; cursor: pointer } .slide .slideItem .banner-img { width: 100% } .slide .carouse .slideItem { width: 100%; position: absolute } .slide .console { height: 57px; display: inline-block; width: 35px; position: absolute; top: 40% } .slide .dotList { text-align: center; margin-top: 20px } .slide .dotList ul li { display: inline-block; width: 10px; height: 10px; background-position: -12px 0; margin-left: 10px; cursor: pointer } .slide .dotList ul li.active { background-position: 0 0 } .slide .carousel-control { position: absolute; top: 45%; width: 30px; height: 30px; z-index: 999 } .slide .carousel-control.left { left: 0; background-position: -38px 0; cursor: pointer } .slide .carousel-control.right { right: 0; background-position: -85px 0; cursor: pointer } .slide .slidedetail { display: none } .imgtoVideo img { width: 100% } .imgtoVideo>div { padding: 1px; position: relative; cursor: pointer; width: 49%; display: inline-block } .imgtoVideo>div:hover .imgtoVideoDetail { display: block } .imgtoVideo .imgtoVideoDetail { width: 100%; height: 100%; position: absolute; top: 0; left: 0; padding: 1px; display: none } .imgtoVideo .imgtoVideoDetail>div { background: rgba(0, 98, 197, .8); width: 100%; height: 100%; text-align: center } .imgtoVideo .tovideo .imgtoVideoDetail { display: block } .imgtoVideo .tovideo .imgtoVideoDetail>div { background: #0c2d47; width: 60px; height: 60px; color: #fff; line-height: 60px; vertical-align: middle; margin: 0 auto; margin-top: 17% } .imgtoVideo .imgtoVideoDetail .fa-search { color: #fff; font-size: 25px; margin-top: 21% } .contentIV { position: fixed; top: 0; left: 0; right: 0; width: 100%; height: 100%; display: table; background: rgba(20, 43, 73, .8); margin: 0 auto; z-index: -999; max-width: 1024px; display: none } #picturetoVideo .carouse .slideItem { display: table; height: 100% } #picturetoVideo .carouse .slideItem>div { display: table-cell; vertical-align: middle; text-align: center } #picturetoVideo .carouse .slideItem .banner-img { max-width: 100%; width: auto } .closeContentIV { position: absolute; top: 10px; right: 10px; font-size: 25px; color: #fff; font-weight: 700; cursor: pointer; z-index: 999 } * { margin: 0; padding: 0 } html { font-size: 55.5%; height: 100% } body { margin: 0 auto; width: 100%; overflow-x: hidden; font-family: "Microsoft YaHei"; font-size: 16px; font-size: 1.6rem; color: #333; line-height: 1.2 } a { color: #333; text-decoration: none; outline: 0; tap-highlight-color: transparent; focus-ring-color: transparent; -webkit-tap-highlight-color: transparent; -webkit-focus-ring-color: transparent; -moz-tap-highlight-color: transparent; -moz-focus-ring-color: transparent; -webkit-transition: all 350ms; -o-transition: all 350ms; -moz-transition: all 350ms; transition: all 350ms } li, ol, ul { list-style: none } img { max-width: 100%; border: 0 solid #ccc } embed, table, video { max-width: 100% } input, textarea { border: none; background: 0 0; font-family: "Microsoft YaHei" } .red { color: red } input[type=submit], textarea[type=submit] { cursor: pointer } input[type=checkbox], textarea[type=checkbox] { cursor: pointer } input[type=radio], textarea[type=radio] { cursor: pointer } input:focus, textarea:focus { outline: 0 } textarea { resize: none } button { border: none; background: 0 0; cursor: pointer } em, i { font-style: normal } .c-fl { float: left } .c-fr { float: right } .c-cb { clear: both } .c-clearfix:after { content: ""; display: block; clear: both } .c-pi { position: static !important } .c-mg { margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto } .c-oh { overflow: hidden } .c-wd { width: 1500px } .c-tsn { -webkit-transition: all 350ms; -o-transition: all 350ms; -moz-transition: all 350ms; transition: all 350ms } .c-bbx { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .c-prl-5 { padding: 0 5px } .c-pr { position: relative } .c-mt-5 { margin-top: 5px } .c-mt-10 { margin-top: 10px } .c-mt-15 { margin-top: 15px } .c-mt-20 { margin-top: 20px } .c-mt-25 { margin-top: 25px } .c-mt-30 { margin-top: 30px } .c-mt-35 { margin-top: 35px } .c-mt-40 { margin-top: 40px } .c-mt-45 { margin-top: 45px } .c-mt-50 { margin-top: 50px } .c-nomt { margin-top: 0 !important } .c-nomr { margin-right: 0 !important } .c-nomb { margin-bottom: 0 !important } .c-noml { margin-left: 0 !important } .c-nomg { margin: 0 !important } .c-nopt { padding-top: 0 !important } .c-nopr { padding-right: 0 !important } .c-nopb { padding-bottom: 0 !important } .c-nopl { padding-left: 0 !important } .c-nopd { padding: 0 !important } .c-nofont { line-height: 0; font-size: 0 } .c-nobg { background: 0 0 !important } .f-czjz { position: relative; top: 50%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%) } .f-box { margin: 0 auto; max-width: 1500px; overflow: visible } @media screen and (max-width:1519px) { .f-box { width: 1200px } } @media screen and (min-width:992px) and (max-width:1219px) { .f-box { width: 990px } } @media screen and (min-width:768px) and (max-width:991px) { .f-box { width: 750px } } @media screen and (max-width:767px) { .f-box { padding-left: 10px; padding-right: 10px; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } } .m-desc { font-size: 16px; font-size: 1.6rem; line-height: 36px } .m-desc a { color: #1aa866 } .m-desc a:hover { text-decoration: underline } .m-desc b, .m-desc p, .m-desc span { font-size: 16px; font-size: 1.6rem; line-height: 36px } .m-desc img { max-width: 100% } .m-desc iframe { display: block; max-width: 100%; margin: 0 auto } .m-desc table { width: 90%; border-collapse: collapse; line-height: 22px; border: 1px solid #ccc; margin-left: auto; margin-right: auto } .m-desc table tr td { padding: 3px; border: 1px solid #ccc; background: #fff; font-size: 14px; font-size: 1.4rem } .table table { width: 100%; border-collapse: collapse; line-height: 22px; border: 1px solid #ccc } .table table tr td { padding: 3px; height: 30px; border: 1px solid #ccc } @media screen and (max-width:991px) { .m-desc { line-height: 24px; font-size: 14px; font-size: 1.4rem } .m-desc b, .m-desc p, .m-desc span { line-height: 24px; font-size: 14px; font-size: 1.4rem } .m-desc p { min-height: 10px } } @media screen and (max-width:991px) { .table { width: 100%; overflow: scroll } .table table { width: 991px } } @media screen and (max-width:991px) { .m-tt1 { font-size: 24px !important; font-size: 2.4rem !important } .m-tt2 { font-size: 20px !important; font-size: 2rem !important } .m-tt3 { font-size: 18px !important; font-size: 1.8rem !important } .m-desc1 { font-size: 16px !important; font-size: 1.6rem !important } .m-desc2 { font-size: 14px !important; font-size: 1.4rem !important } [class*="-item"] .item-title { font-size: 14px; font-size: 1.4rem } [class*="-item"] .item-desc { font-size: 13px; font-size: 1.3rem } [class*="-item"] .item-link { font-size: 13px; font-size: 1.3rem } [class*="-item"] .item-modal { display: none } } [class*="-item"] .item-pic { position: relative; display: block; line-height: 0; font-size: 0; text-align: center; overflow: hidden } [class*="-item"] .item-pic img { -webkit-transition: all 350ms; -o-transition: all 350ms; -moz-transition: all 350ms; transition: all 350ms } [class*="-item"] .item-pic:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1) } [class*="-item"] .item-title { overflow: hidden } [class*="-item"] .item-title a:hover { color: #1aa866 } [class*="-item"] .item-desc { overflow: hidden } [class*="-item"] .item-desc a { display: block } [class*="-item"] .item-desc a:hover { color: #1aa866 } .m-crm { float: left; font-size: 16px; font-size: 1.6rem; color: #666 } .m-crm span { margin: 0 8px } .m-crm a { color: #666 } .m-crm a:hover { color: #1aa866 } .m-crm a.active { color: #1aa866 } .m-oths { min-height: 77px; position: relative; margin-top: 54px; margin-left: auto; margin-right: auto; max-width: 774px; background-color: #fff; -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .5); box-shadow: 0 0 10px 0 rgba(0, 0, 0, .5); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .m-oths .oths-item { position: relative; z-index: 2; padding: 20px 0; line-height: 36px; font-size: 18px; font-size: 1.8rem; font-family: "Microsoft YaHei"; color: #595757 } .m-oths .oths-item a { color: #595757 } .m-oths .oths-item a:hover { color: #1aa866 } .m-oths .oths-item-1 { float: left; margin-left: 48px } .m-oths .oths-item-2 { float: right; margin-right: 48px } .m-oths .oths-btn { position: absolute; left: 0; top: 0; right: 0; cursor: pointer; padding: 10px 80px; line-height: 56px; font-size: 50px; font-size: 5rem; color: #5a5a5a; text-align: center } .m-oths .oths-btn a { color: #5a5a5a } .m-oths .oths-btn a:hover { color: #1aa866 } @media screen and (max-width:991px) { .m-oths { min-height: 57px } .m-oths .oths-item { padding: 10px 0; font-size: 14px; font-size: 1.4rem } .m-oths .oths-item-1 { margin-left: 20px } .m-oths .oths-item-2 { margin-right: 20px } .m-oths .oths-btn { padding: 10px 5px; line-height: 36px; font-size: 24px; font-size: 2.4rem } } .m-page { margin-top: 90px; letter-spacing: 0; font-size: 0; text-align: right } .m-page a, .m-page span { margin: 0 5px; display: inline-block; height: 30px; line-height: 30px; font-size: 2rem; color: #000; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 350ms; -o-transition: all 350ms; -moz-transition: all 350ms; transition: all 350ms } .m-page a:hover { color: #1aa866 } .m-page a.active { color: #1aa866 } .m-page2 { position: relative } @media screen and (max-width:991px) { .m-page { margin-top: 45px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center } .m-page a { margin-left: 5px; margin-right: 5px; margin-bottom: 10px } } .m-kf { position: fixed; z-index: 10; right: 0; top: 30% } .m-kf .iconfont { line-height: 53px; font-size: 3rem; color: #fff; margin: 0 auto; text-align: center; display: block } .m-kf .kf-item { display: block; line-height: 0; font-size: 1rem; text-align: center; color: #fff; background-color: #d8d8d8; width: 53px; height: 70px } .m-kf .kf-item1 { border-top-left-radius: 4px; background-color: #0077b5 } .m-kf .kf-item22 { background-color: #4267b2 } .m-kf .kf-item2 { background-color: #25d366 } .m-kf .kf-item3 { background-color: #4267b2 } .m-kf .kf-item4 { border-bottom-left-radius: 4px; background-color: #95d03a } .m-kf .kf-wx { position: absolute; display: none; bottom: 0; right: 53px; width: 160px } .m-kf .kf-item .wx-kf2 { position: absolute; display: none; bottom: 0; right: 53px; width: 160px } @media screen and (min-width:1900px) { .m-kf .kf-item .wx-kf2 {} .m-kf .kf-item:hover .wx-kf2 { display: none } } .m-kf .kf-item:hover .wx-kf2 { display: block } @media screen and (max-width:991px) { .m-kf { right: 0; top: auto; bottom: 0; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row nowrap; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; width: 100%; background-color: #1aa866 } .m-kf .kf-item { width: 20%; text-align: center; background-color: #1aa866 } .m-kf .kf-wx { bottom: 100%; left: 0 } .m-kf .kf-item .wx-kf2, .m-kf .kf-item:hover .wx-kf2 { display: none } .g-ft { padding-bottom: 63px } } .returntop { position: fixed; z-index: 9; right: 6px; bottom: 30px; width: 1px; height: 1px; padding: 24px; background-color: #1aa866; border-radius: 50%; line-height: 0; font-size: 0; display: none; color: #333; font-size: 3rem; background-color: #fff; box-shadow: rgb(122 122 122 / 40%) 0 0 15px; transition: .2s; opacity: .8 } .returntop:hover { box-shadow: rgb(122 122 122 / 80%) 0 0 15px; color: #333; opacity: 1 } .returntop .iconfont { top: -3px; right: 8px; position: relative } @media screen and (max-width:991px) { .returntop { right: 0; bottom: 0; width: 0; height: 0; display: none !important } } .g-hd { position: relative; z-index: 9; background-color: #f9f9f9; -webkit-box-shadow: 0 5px 10px -5px rgb(0 0 0 / 50%); box-shadow: 0 5px 10px -5px rgb(0 0 0 / 50%) } .m-hdfix1 { background-color: #eee; display: none } .m-hdfix1 .box-wp { padding: 20px 0 } .m-hdtext { line-height: 26px; font-size: 14px; font-size: 1.4rem; color: #666; overflow: hidden } .m-hdtext a { color: #666 } .m-hdtext a:hover { color: #1aa866 } .m-hdlang { float: right; margin-left: 20px; line-height: 0; font-size: 0 } .m-hdlang .lang-btn { display: none } .m-hdlang .lang-item { float: left; display: block; margin-right: 7px; width: 40px } .m-hdlogo { float: left; display: block; line-height: 0; font-size: 0; padding-top: 55px } .m-hdlogo-sem { padding-top: 15px } .m-hdnav { float: right } .m-hdnav .nav-item { position: relative; float: left } .m-hdnav .nav-item>a { position: relative; display: block; padding-left: 22px; padding-right: 22px; padding-top: 68px; padding-bottom: 50px; height: 28px; line-height: 28px; font-size: 1.8rem } .m-hdnav-sem .nav-item>a { padding-top: 18px; padding-bottom: 20px; } .m-hdnav .nav-item>a .iconfont { font-size: 14px; font-size: 1.4rem } .m-hdnav .nav-item>a:before { content: ""; position: absolute; left: 0; right: 0; bottom: 1px; height: 4px; background: 0 0 } .m-hdnav .nav-item>a:hover { color: #1aa866 } .m-hdnav .nav-item>a:hover:before { background: #1aa866 } .m-hdnav .nav-item>a.active { color: #1aa866 } .m-hdnav .nav-item>a.active:before { background: #1aa866 } .m-hdnav .nav-item>a.current { color: #1aa866 } .m-hdnav .nav-item>a.current:before { background: #1aa866 } .m-hdnav .hsbnav-list { position: absolute; display: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-color: #fff; background-color: rgba(255, 255, 255, .9); -webkit-box-shadow: -5px 5px 10px -4px rgb(0 0 0 / 50%), 5px 5px 10px -4px rgb(0 0 0 / 50%); box-shadow: -5px 5px 10px -4px rgb(0 0 0 / 50%), 5px 5px 10px -4px rgb(0 0 0 / 50%) } .m-hdnav .hsbnav-list1 { top: 100%; left: 0; width: 190px } .m-hdnav .hsbnav-list2 { left: 100%; top: 0; width: 218px } .m-hdnav .hsbnav-item { position: relative } .m-hdnav .hsbnav-item a { display: block; padding: 5px 6px; line-height: 30px; font-size: 16px; font-size: 1.6rem; color: #333; padding-left: 36px } .m-hdnav .hsbnav-item a:hover { color: #fff; background-color: #1aa866 } .m-hdnav .hsbnav-item a.active { color: #fff; background-color: #1aa866 } @media screen and (max-width:1519px) { .m-hdnav .nav-item>a { padding-left: 15px; padding-right: 15px; font-size: 16px; font-size: 1.6rem } } @media screen and (max-width:1219px) { .m-hdnav .nav-item>a { padding-top: 48px; padding-left: 10px; padding-right: 10px; font-size: 14px; font-size: 1.4rem } .m-hdnav-sem .nav-item>a { padding-top: 18px; } .m-hdlogo { padding-bottom: 47px } .m-hdlogo-sem { padding-bottom: 17px } .m-hdlogo img { max-width: 200px } .m-hdtext { font-size: 12px; font-size: 1.2rem } } @media screen and (max-width:991px) { .m-hdnav, .m-hdtext { display: none } .m-hdfix1 { padding: 0; background: 0 0; height: 0 } .m-hdlang { position: absolute; left: 5px; top: 5px } .m-hdlang .lang-item { float: none; margin-top: 10px; margin-right: 0 } .m-hdlang .lang-item:first-child { margin-top: 0 } .m-hdlang .lang-list { position: absolute; left: 0; top: 100%; background-color: #fff; padding: 5px 0; width: 100%; display: none } .m-hdlang .lang-btn { display: block } .m-hdlogo { float: none; padding-top: 20px; padding-bottom: 20px; text-align: center } } .wap-hd-nav { display: none } .wap-nav { width: 5px; height: 100%; position: absolute; right: 0; -webkit-transition: all .4s ease 0s; -o-transition: all .4s ease 0s; -moz-transition: all .4s ease 0s; transition: all .4s ease 0s; z-index: 999999999999999; cursor: pointer; position: fixed; top: -5px; right: 0; display: block } .wap-nav .nav { overflow: hidden; width: 300px; background: rgba(0, 0, 0, .8); position: absolute; top: 0; right: 0; display: block; height: auto } .wap-nav .nav span { font-family: "Microsoft YaHei" } .wap-nav .nav form { margin: 15px auto; width: 258px; height: 26px; border: 1px solid #fff } .wap-nav .nav form .iptc { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-left: 15px; background-color: #fff; width: 80%; height: 26px; line-height: 26px; display: block; float: left } .wap-nav .nav form .ipsc { width: 20%; height: 26px; line-height: 26px; display: block; float: right; background: #fff url(../images/sch2.png) no-repeat center center } .wap-nav .nav>ul { display: none; margin-top: 0; margin-bottom: 0; overflow: scroll; padding-top: 45px; -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .wap-nav .nav>ul>li { line-height: 40px; font-size: 12px; font-size: 1.2rem; text-indent: 20px; position: relative } .wap-nav .addition { width: 20px; height: 20px; position: absolute; right: 15px; top: 10px; background: url(../images/shizi.png) no-repeat center center } .wap-nav .addition.active { background-image: url(../images/yizi.png) } .wap-nav .addition.fa:before { margin-right: 5px; color: #fff; text-indent: 0 } .wap-nav .nav>ul>li>a { margin-right: 40px; color: #fff; font-size: 12px; font-size: 1.2rem; display: block } .wap-nav .nav>ul>li>a span { color: #fff; font-size: 12px; font-size: 1.2rem } .wap-nav .nav>ul>li .c-show { display: none; width: 100% } .wap-nav .nav>ul>li .c-show1 .c-s1 { position: relative; width: 50%; } @media screen and (max-width: 991px) { .wap-nav .nav>ul>li .c-show1 .c-s1 { position: relative; width: 100%; } } .wap-nav .nav>ul>li .c-show1 .c-s1>a { position: relative; margin-right: 40px; font-size: 12px; font-size: 1.2rem; color: #fff; display: block; padding-top: 5px; padding-bottom: 5px; line-height: 30px } .wap-nav .nav>ul>li .c-show1 .c-s1>a span { font-size: 12px; font-size: 1.2rem; color: #fff } .wap-nav .nav>ul>li .c-show1 .c-s1>.c-show2 { position: relative } .wap-nav .nav>ul>li .c-show1 .c-s1>.c-show2 .c-s2 { position: relative } .wap-nav .nav>ul>li .c-show1 .c-s1>.c-show2 .c-s2>a { margin-right: 40px; text-indent: 35px; font-size: 12px; font-size: 1.2rem; color: #fff; display: block; padding-top: 5px; padding-bottom: 5px; line-height: 30px } .wap-nav .nav>ul>li .c-show1 .c-s1>.c-show2 .c-s2>a span { font-size: 12px; font-size: 1.2rem; color: #fff } .wap-nav .nav>ul>li .c-show1 .c-s1 .c-s2 .c-show3 { position: relative } .wap-nav .nav>ul>li .c-show1 .c-s1 .c-s2 .c-show3 .c-s3 a { margin-right: 40px; text-indent: 50px; font-size: 12px; font-size: 1.2rem; color: #fff; display: block; padding-top: 5px; padding-bottom: 5px; line-height: 30px } .wap-nav .nav>ul>li .c-show1 .c-s1 .c-s2 .c-show3 .c-s3 a span { font-size: 12px; font-size: 1.2rem; color: #fff } .wap-nav .nav>ul>dl { padding: 20px } .wap-nav .nav>ul>dl dd { float: left; margin: 0 2px } .wap-nav .menubtn { width: 23px; height: 18px; position: absolute; top: 12px; right: 12px; -webkit-transition: all .4s ease 0s; -o-transition: all .4s ease 0s; -moz-transition: all .4s ease 0s; transition: all .4s ease 0s; z-index: 9999 } .wap-nav .menubtn span { display: block; width: 100%; height: 3px; margin-bottom: 3px; background-color: #1aa866 } @media screen and (min-width:992px) { .menubtn, .wap-nav { display: none } } @media screen and (max-width:991px) { .wap-hd-nav { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row nowrap; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; background-color: #1aa866 } .wap-hd-nav-item { width: 25% } .wap-hd-nav-item a { display: block; padding: 5px 0; line-height: 4rem; font-size: 1.8rem; color: #fff; text-align: center; background-color: #363636 } .wap-hd-nav-item a.active { color: #fff; background-color: #1aa866 } } .banner { position: relative; z-index: 2; line-height: 0; font-size: 0; overflow: 0; overflow: hidden; max-width: 1920px; margin: 0 auto } .banner .box-video { position: absolute; display: block; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); min-width: 101%; min-height: 100%; max-width: none; -o-object-fit: cover; object-fit: cover; -o-object-position: 50% 50%; object-position: 50% 50%; display: block \9\0 } .banner .dotList { position: absolute; z-index: 3; bottom: 15px; left: 0; right: 0; margin-top: 0; font-size: 0; letter-spacing: 0; text-align: center } .banner .dotList ul li { margin: 0 5px; display: inline-block; vertical-align: middle; width: 15px; height: 15px; background-color: #fff; border-radius: 50%; border: 1px solid #1aa866 } .banner .dotList ul li.active { background-color: #1aa866 } .container1500 { max-width: 1500px; width: 100%; margin: 0 auto; padding: 30px 0 } .banner .container1200 { width: 1200px; height: 100%; margin: 0 auto; overflow: hidden } .container1200 { width: 1200px; margin: 0 auto } .banner .container1200 .blogo { float: left; height: 35px; margin-top: 30px } .banner .container1200 .title { font-size: 36px; font-family: PingFang SC; font-weight: 400; color: #fff; margin-top: 116px } .banner .container1200 p.dis { text-align: left; font-size: 18px; font-family: PingFang SC; color: #fff; opacity: .9; margin-top: 34px } .banner .container1200 ul { width: 100%; overflow: hidden; margin-top: 30px } .banner .container1200 ul li { float: left; height: 19px; line-height: 19px; margin-right: 20px; background-size: 18px 18px; padding-left: 22px; color: #fff; font-size: 16px; padding-right: 1px } .banner .container1200 p.btn { width: 132px; height: 38px; border: 1px solid #fff; opacity: .8; border-radius: 4px; margin-top: 58px; text-align: center; line-height: 36px; font-size: 16px; cursor: pointer; color: #565ce2; background-color: #fff } .way { overflow: hidden; padding-bottom: 3rem } .way .titleCom { margin-top: 3rem } .titleCom { font-size: 2.5rem; font-weight: 400; text-align: center; color: #262626; position: relative } .titleCom:before { content: ""; display: block; width: 70px; height: 4px; background: #fa8c16; border-radius: 2px; position: absolute; bottom: -14px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 1 } .way ul { margin-top: 20px; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-pack: distribute; justify-content: space-around } .way ul li { width: 31%; padding: 0px 1%; text-align: center } .way ul li img { max-width: 100% } .way ul li .title_ { font-size: 1.8rem; text-align: center; margin: 23px auto 13px; font-weight: 600 } .way ul li .dis { font-size: 1.6rem; line-height: 200%; color: #666; text-align: left; text-align: justify } .way .btn { width: 100%; max-width: 1000px; line-height: 6rem; background: #1aa866; border-radius: 4px; text-align: center; color: #fff; margin: 50px auto 0; font-size: 16px; cursor: pointer; display: block } @media screen and (max-width:992px) { .way { padding-bottom: 0rem } .way ul { display: block; padding: 0 5% } .way ul li { width: 100%; max-width: 992px; max-height: auto; display: block } .way ul li .title_ { text-align: left; font-weight: 600 } .way ul li .dis { text-align: left } } .btn { -webkit-transition: all .15s ease-out; transition: all .15s ease-out } .fnList { background: #f8f9fc; padding-bottom: 0px } .g-hform2 { background: #f8f9fc; padding-bottom: 50px } .m-proform { margin-top: 10px; padding-top: 6px } .fnList .titleCom { padding-top: 50px } .fnList .hd-desc { margin-top: 23px; font-size: 16px; font-size: 1.6rem; text-align: center; font-weight: normal; } .titleCom { font-size: 34px; font-family: PingFang SC; font-weight: 400; text-align: center; color: #262626; position: relative } .titleCom:before { content: ""; display: block; width: 70px; height: 4px; background: #fa8c16; border-radius: 2px; position: absolute; bottom: -14px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 1 } .fnList .fnWrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 84px } .fnList .fnWrap .item { position: relative; width: 220px; height: 260px; -webkit-box-shadow: 0 0 23px 1px rgb(27 31 40 / 6%); box-shadow: 0 0 23px 1px rgb(27 31 40 / 6%); margin-bottom: 22px; background: #fff; padding: 32px 0px 0; -webkit-box-sizing: border-box; box-sizing: border-box } .fnList .fnWrap .item p .more { display: block; background: #fa8b15; border-radius: 4px; text-align: center; color: #fff; margin: 5px auto 0 } .fnList .fnWrap .item3 { position: relative; width: 320px; height: 360px } .fnList .fnWrap .item .shade { display: none } .fnList .fnWrap .item:hover .shade { display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; font-size: 14px; line-height: 30px; color: #fff; background-color: rgba(72, 112, 255, .8) } .fnList { background: #f8f9fc; padding-bottom: 0px; padding-top: 30px; overflow: hidden } .fnList .btn { width: 228px; height: 46px; line-height: 46px; background: #fa8b15; border-radius: 4px; text-align: center; color: #fff; margin: 73px auto 0; font-size: 16px; cursor: pointer } @media screen and (min-width:992px) { .amptruncate { max-height: 860px } } .fnList .titleCom { padding: 0rem } .titleCom { font-size: 3rem; line-height: 8rem; text-align: center; color: #262626; position: relative } .titleCom:before { content: ""; display: block; width: 70px; height: 4px; background: #fa8c16; border-radius: 2px; position: absolute; bottom: -14px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 1 } .fnList .fnWrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 2rem } .container1200 { max-width: 1200px; width: 100%; margin: 0 auto } .fnList .fnWrap .item { position: relative; width: 280px; height: 320px; -webkit-box-shadow: 0 0 23px 1px rgb(27 31 40 / 6%); box-shadow: 0 0 23px 1px rgb(27 31 40 / 6%); margin-bottom: 22px; background: #fff; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box } .fnList .fnWrap .item .shade { display: none; font-size: 1.8rem } .fnList .fnWrap .item .title a { display: block; padding-bottom: 5px; height: 32px; text-align: center; font-size: 1.8rem; } @media screen and (max-width:992px) { .fnList .fnWrap .item { width: 49%; height: auto; padding: 0px; } .fnList .fnWrap .item .shade { display: block; text-align: center; line-height: 180%; padding: 0 5% } .fnList .fnWrap .item .shade a { color: #333; } } .fnList .fnWrap .item p .more { display: block; background: #1aa866; border-radius: 4px; text-align: center; color: #fff; margin: 5px auto 0; line-height: 250% } .fnList .truncate { display: block; background: #fa8b15; border-radius: 4px; text-align: center; color: #fff; margin: 5px auto 0; line-height: 6rem; width: 100%; max-width: 1000px } .fnList .fnWrap .item:hover .shade { display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; font-size: 14px; line-height: 30px; color: #fff; background-color: rgba(72, 112, 255, .8) } .fnList .fnWrap .item:hover .shade p { width: 80%; padding: 10%; position: absolute; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%) } .fnList .fnWrap .item .title { font-size: 1.2rem; margin: 2rem 0; color: #262626; text-align: center } @media screen and (max-width:992px) { .fnList .fnWrap .item .title { padding: 0; } } .fnList .fnWrap .item img { height: auto } .g-hctus { margin-top: 51px } .m-hctus { position: relative; padding-right: 325px } .m-hctus .box-form { position: absolute; right: 0; top: 0; width: 314px; padding-right: 45px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-color: #f2f2f2; border-radius: 25px; border: solid 1px #9a9a9a } .m-hctus .box-form .form-btn, .m-hctus .box-form .iconfont { position: absolute; right: 5px; top: 4px; width: 40px; height: 40px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .m-hctus .box-form .iconfont { line-height: 38px; font-size: 20px; font-size: 2rem; color: #9a9a9a; text-align: center; border: 1px solid #9a9a9a; border-radius: 50% } .m-hctus .form-text { width: 100%; height: 48px; line-height: 48px; padding: 0 15px; font-size: 14px; font-size: 1.4rem; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .m-hctus .form-btn { z-index: 2 } .m-hctus .box-info { float: left } .m-hctus .info-item { position: relative; float: left; margin-right: 70px; padding-left: 63px } .m-hctus .info-item .iconfont { position: absolute; left: 0; top: 0; font-size: 42px; font-size: 4.2rem; color: #1aa866 } .m-hctus .item-title { font-size: 18px; font-size: 1.8rem; font-weight: 700 } .m-hctus .item-desc { margin-top: 5px; font-size: 16px; font-size: 1.6rem } .m-hctus .box-btn { text-transform: uppercase; float: left; width: 152px; height: 52px; line-height: 52px; font-size: 14px; font-size: 1.4rem; color: #fff; text-align: center; background-color: #1aa866; border-radius: 23px } .m-hctus .box-btn:hover { background-color: #333 } @media screen and (max-width:1219px) { .m-hctus { padding-right: 280px } .m-hctus .box-form { width: 264px } .m-hctus .info-item { margin-right: 30px } } @media screen and (max-width:991px) { .g-hctus { margin-top: 30px } .m-hctus { padding-right: 0 } .m-hctus .box-form { position: relative; right: auto; top: 0; margin-top: 30px } .m-hctus .box-form .form-btn, .m-hctus .box-form .iconfont { position: absolute; right: 5px; top: 4px; width: 30px; height: 30px } .m-hctus .box-form .iconfont { line-height: 28px; font-size: 14px; font-size: 1.4rem } .m-hctus .form-text { height: 38px; line-height: 38px } } @media screen and (max-width:767px) { .m-hctus .box-info { float: none } .m-hctus .info-item { margin: 10px } .m-hctus .info-item { padding-left: 50px } .m-hctus .box-btn { float: left; display: block; margin-top: 20px; width: 132px; font-size: 12px; font-size: 1.2rem; height: 40px; line-height: 40px } .m-hctus .c-cb { display: none } .m-hctus .box-form { float: right; margin-top: 20px; width: -webkit-calc(100% - 145px); width: -moz-calc(100% - 145px); width: calc(100% - 145px) } } .m-hhd { position: relative; padding-top: 21px; text-align: center } .m-hhd .hd-title { font-size: 40px; font-size: 4rem; text-align: center; color: #343434; font-family: "Microsoft YaHei" } .m-hhd .hd-title-w { color: #fff; } .fnList .hd-desc { margin-top: 23px; font-size: 16px; font-size: 1.6rem; text-align: center; font-weight: normal; } .m-hhd .hd-desc-w { color: #fff; margin-top: 13px; margin-bottom: 23px; } .m-hhd .hd-title a { color: #343434 } .m-hhd .hd-title a:hover { color: #1aa866 } .m-hhd .hd-desc { margin-top: 23px; font-size: 16px; font-size: 2rem } @media screen and (max-width:991px) { .m-hhd .hd-desc { margin-top: 10px; font-size: 14px; font-size: 1.4rem; } } .m-hhd:before { content: ""; position: absolute; left: 0; right: 0; top: 0; margin: 0 auto; width: 55px; height: 4px; background-color: #1aa866 } .g-hpro { margin: 5rem 0 5rem } .g-hpro .box-hd { margin-bottom: 3rem } .m-hpro .box-tabhd { position: relative; margin-bottom: -20px; padding-bottom: 17px; font-size: 0; letter-spacing: 0; text-align: center } .m-hpro .tabhd-item { position: relative; display: inline-block; vertical-align: top; margin-left: 1.33333%; margin-right: 1.33333%; margin-bottom: 20px; width: 17.73333%; line-height: 30px; padding: 8px 5px; font-size: 16px; font-size: 1.6rem; border: 1px solid #1aa866; border-radius: 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .m-hpro .tabhd-item:before { content: ""; position: absolute; left: 0; right: 0; top: 100%; margin-top: 13px; margin-left: auto; margin-right: auto; width: 55px; height: 4px } .m-hpro .tabhd-item.active { color: #fff; background-color: #1aa866 } .m-hpro .tabhd-item.active:before { background-color: #1aa866 } .m-hpro .box-tabbd { margin-top: 50px } .m-hpro .tabbd-item { display: none } .m-hpro .tabbd-item.show { display: block } .m-hpro .tbitem-wp { position: relative } .m-hpro .box-btn { position: absolute; top: 50%; margin-top: -25px; width: 50px; line-height: 50px; font-size: 30px; font-size: 3rem; color: #fff; text-align: center; background-color: #1aa866; border-radius: 5px } .m-hpro .box-btn.prev { right: 100%; margin-right: 26px } .m-hpro .box-btn.next { left: 100%; margin-left: 26px } .m-hpro .box-btn:hover { background-color: #1aa866 } .m-hpro .box-list { width: 1000%; overflow: hidden } .m-hpro .list-item { float: left; margin-right: .3%; width: 3.13333%; background-color: #eee } .list-item .list-item15 .m-hpro .list-item { background-color: none } .m-hpro .list-item15 { width: 1.5% } .m-hpro .list-item:hover .item-text:before { top: 0 } .m-hpro .list-item:hover .item-title { color: #fff } .m-hpro .list-item:hover .item-title a { color: #fff } .m-hpro .list-item:hover .item-link { color: #1aa866; background-color: #fff } .m-hpro .item-text { position: relative; height: 140px; padding-left: 10px; padding-right: 10px; padding-top: 40px; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow: hidden } .m-hpro .list-item15 .item-text { height: 30px; padding-left: 0; padding-right: 0; padding-top: 0; font-size: 12px; line-height: 30px } .m-hpro .list-item15 .item-title { font-size: 1.5rem } .m-hpro .list-item15 .m-ftfix1 { padding-top: 0 } .m-hpro .item-text:before { content: ""; position: absolute; left: 0; right: 0; top: 100%; height: 100%; background-color: #1aa866; -webkit-transition: all 350ms; -o-transition: all 350ms; -moz-transition: all 350ms; transition: all 350ms } .m-hpro .item-title { position: relative; height: 32px; line-height: 32px; font-size: 22px; font-size: 2.2rem; text-overflow: ellipsis; white-space: nowrap } .m-hpro .item-link { position: relative; margin-top: 18px; margin-left: auto; margin-right: auto; display: block; width: 24px; height: 24px; line-height: 24px; font-size: 14px; font-size: 1.4rem; color: #fff; text-align: center; background-color: #1aa866; border-radius: 50% } @media screen and (max-width:1660px) { .m-hpro .box-btn { z-index: 2 } .m-hpro .box-btn.prev { right: auto; margin-right: 0; left: 0 } .m-hpro .box-btn.next { left: auto; margin-left: 0; right: 0 } } .g-hprosem { margin-top: 30px; margin-bottom: 30px; padding: 20px 0 } @media screen and (max-width:991px) { .m-hhd .hd-title { font-size: 24px; font-size: 2.4rem } .m-hhd .hd-desc { margin-top: 10px; font-size: 14px; font-size: 1.4rem } .g-hprosem { margin-top: 30px } .g-hpro { margin-top: 30px } .g-hpro .box-hd { margin-bottom: 30px } .m-hpro .tabhd-item { margin-left: 1%; margin-right: 1%; width: 23%; font-size: 14px; font-size: 1.4rem } .m-hpro .box-tabbd { margin-top: 30px } .m-hpro .tbitem-wp { padding-bottom: 0 } .m-hpro .box-btn { top: 10rem; bottom: 0; margin-top: 0; width: 40px; height: 40px; line-height: 40px; font-size: 18px; font-size: 1.8rem } .m-hpro .item-text { height: 80px; padding-top: 10px } .m-hpro .item-title { font-size: 14px; font-size: 1.4rem } .m-hpro .item-link { margin-top: 5px } } @media screen and (max-width:640px) { .m-hpro .tabhd-item { width: 48% } .m-hpro .list-item { margin-right: .2%; width: 4.9% } } .g-habt { padding-top: 53px; padding-bottom: 98px; background-color: #f4f4f4 } .m-habtb1 { padding-top: 33px } .m-habtb1 .box-img { position: relative; float: left; margin-left: 1.93333%; margin-right: 5.93333%; width: 43.06667%; border-radius: 50%; line-height: 0; font-size: 0; overflow: hidden } .m-habtb1 .box-img:before { content: ""; position: absolute; left: 0; right: 0; top: 3.4%; margin: 0 auto; width: 93.18885%; height: 93.18885%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px dashed #fff; border-radius: 50% } .m-habtb1 .box-text { position: relative; margin-top: 0; padding-top: 33px; overflow: hidden } .m-habtb1 .box-text:before { content: ""; position: absolute; left: 0; top: 0; width: 55px; height: 4px; background-color: #1aa866 } .m-habtb1 .box-name { font-size: 16px; font-size: 1.6rem; color: #1aa866 } .m-habtb1 .box-name a { color: #1aa866 } .m-habtb1 .box-title { margin-top: 13px; font-size: 40px; font-size: 4rem; font-family: "Microsoft YaHei"; color: #343434 } .m-habtb1 .box-title a { color: #343434; font-weight: 700 } .m-habtb1 .box-title a:hover { color: #1aa866 } .m-habtb1 .box-desc { margin-top: 15px; text-align: justify; display: block; line-height: 3.8rem; font-size: 2rem; overflow: hidden } .m-habtb1 .box-desc a { display: block; line-height: 26px; font-size: 14px; font-size: 1.4rem; overflow: hidden } .m-habtb1 .box-desc p { min-height: 26px; margin: 1rem } .m-habtb1 .box-list { margin-top: 0; font-size: 0; letter-spacing: 0; overflow: hidden } .m-habtb1 .list-item { margin-right: 3.66848%; display: inline-block; vertical-align: top; width: 25.95109%; height: 191px; padding-left: 5px; padding-right: 5px; padding-top: 23px; text-align: center; border-radius: 25px; border: 1px solid #d0d0d0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .m-habtb1 .item-icon { line-height: 0; font-size: 0; text-align: center } .m-habtb1 .item-title { margin-top: 24px; font-size: 32px; font-size: 3.2rem; font-family: impact, "Microsoft YaHei" } .m-habtb1 .item-desc { margin-top: 16px; font-size: 16px; font-size: 1.6rem } .m-habtb2 { margin-top: 80px } .m-habtb2 .box-list { margin-bottom: -25px } .m-habtb2 .list-item { position: relative; padding-top: 55px; float: left; margin-right: 2.2%; margin-bottom: 25px; width: 23.26667% } .m-habtb2 .list-item.active .item-icon { background-color: #fff } .m-habtb2 .list-item.active .item-wp { color: #fff; background-color: #1aa866 } .m-habtb2 .list-item.active .item-desc a, .m-habtb2 .list-item.active .item-title a { color: #fff } .m-habtb2 .item-icon { position: absolute; top: 0; left: 18px; width: 104px; line-height: 0; font-size: 0; border-radius: 50%; background-color: #1aa866 } .m-habtb2 .item-wp { padding-left: 31px; padding-right: 24px; padding-top: 68px; padding-bottom: 41px; border-radius: 10px; background-color: #fff } .m-habtb2 .item-title { height: 30px; line-height: 30px; font-size: 20px; font-size: 2rem; font-family: "Microsoft YaHei"; text-overflow: ellipsis; white-space: nowrap } .m-habtb2 .item-desc { margin-top: 6px; text-align: justify } .m-habtb2 .item-desc a { display: block; height: 80px; line-height: 26px; font-size: 14px; font-size: 1.8rem; overflow: hidden; text-indent: 32px } @media screen and (min-width:1520px) { .m-habtb2 .list-item.active .item-icon { left: 220px } } @media screen and (min-width:1220px) and (max-width:1519px) { .m-habtb2 .list-item.active .item-icon { left: 165px } } @media screen and (max-width:1519px) { .g-habt { background: #f4f4f4 } .m-habtb1 .box-img { margin-left: 0 } .m-habtb1 .item-title { font-size: 20px; font-size: 2rem } .m-habtb1 .box-list { margin-top: 40px } .m-habtb1 .list-item { margin-right: 2%; width: 31% } } @media screen and (max-width:991px) { .g-habt { margin-top: 0; padding: 0 0 30px } .m-habtb2 .list-item { width: 100% !important } .m-habtb1 .box-img { float: none; width: 66.66667%; display: none } .m-habtb1 .box-fix { margin-top: 30px } .m-habtb1 .box-title { font-size: 24px; font-size: 2.4rem } .m-habtb1 .box-desc a { max-height: 120px; line-height: 24px; font-size: 14px; font-size: 1.4rem; text-align: justify } .m-habtb1 .box-desc p { min-height: 0 } .m-habtb1 .box-list { margin-top: 30px } .m-habtb2 { margin-top: 30px } .m-habtb2 .item-icon { width: 0 } .m-habtb2 .item-wp { padding: 2rem } .m-habtb2 .item-title { font-size: 16px; font-size: 1.6rem } .m-habtb2 .item-desc a { font-size: 14px; font-size: 1.8rem; height: auto } .m-habtb2 .list-item { padding-top: 0 } } @media screen and (max-width:640px) { .m-habtb2 .box-list { margin-bottom: -25px } .m-habtb2 .list-item { margin-left: 1%; margin-right: 1% !important; margin-bottom: 25px; width: 47%; display: inline-block; vertical-align: top; float: none; letter-spacing: 0 } } @media screen and (max-width:375px) { .m-habtb2 .list-item { margin-left: 0; margin-right: 0 !important; width: 100% } .m-habtb1 .list-item { margin-right: 0; margin-top: 20px; width: 100% } .m-habtb1 .list-item:first-child { margin-top: 0 } } .g-hblank { margin-top: 12px; background: url(../images/hbg2.jpg) no-repeat center top; background-attachment: fixed } .m-hblanktext { padding-top: 98px; padding-bottom: 77px; color: #fffefe } .m-hblanktext a { color: #fffefe } .m-hblanktext a:hover { color: #1aa866 } .m-hblanktext .box-title { font-size: 36px; font-size: 3.6rem; font-family: "Microsoft YaHei"; font-weight: 700 } .m-hblanktext .box-desc { margin-top: 86px } .m-hblanktext .box-desc a { display: block; max-width: 750px; line-height: 26px; font-size: 16px; font-size: 1.6rem } @media screen and (max-width:991px) { .m-hblanktext { padding: 30px 0 } .m-hblanktext .box-title { font-size: 24px; font-size: 2.4rem } .m-hblanktext .box-desc { margin-top: 20px } .m-hblanktext .box-desc a { font-size: 14px; font-size: 1.4rem } } .g-hfaq { position: relative; padding-top: 129px; padding-bottom: 9.94792% } .g-hfaq:before { content: ""; position: absolute; z-index: 2; left: 0; bottom: 0; width: 27.34375%; padding-top: 20.72917%; background: url(../images/faqbg2.png) no-repeat center; -webkit-background-size: 100% 100%; background-size: 100% 100% } .m-hfaq { padding-left: 45.66667% } .m-hfaq .box-title { position: relative; padding-top: 27px; font-size: 40px; font-size: 4rem; font-family: "Microsoft YaHei"; text-transform: uppercase } .m-hfaq .box-title:before { content: ""; position: absolute; left: 0; top: 0; width: 55px; height: 4px; background-color: #1aa866 } .m-hfaq .box-bd { position: relative; z-index: 2; margin-top: 64px; height: 385px; overflow: hidden } .m-hfaq .list-item { margin-bottom: 29px } .m-hfaq .item-desc, .m-hfaq .item-title { position: relative; padding-left: 64px } .m-hfaq .item-desc a { text-indent: 32px } .m-hfaq .item-title { height: 36px; line-height: 36px; font-size: 20px; font-size: 2rem; text-overflow: ellipsis; white-space: nowrap } .m-hfaq .item-title a { font-family: "Microsoft YaHei" } .m-hfaq .item-desc { margin-top: 12px; padding-top: 5px; height: 52px; line-height: 26px; font-size: 16px; font-size: 1.6rem; overflow: hidden } .m-hfaq .item-num { position: absolute; left: 0; top: 0; width: 36px; height: 36px; line-height: 36px; font-size: 16px; font-size: 1.6rem; color: #fff; text-align: center; border-radius: 50%; background-color: #1aa866 } .m-hfaq .box-img { position: absolute; z-index: 1; left: 3.02083%; bottom: 0; line-height: 0; font-size: 0; width: 41.35417% } @media screen and (max-width:991px) { .g-hfaq { padding: 30px 0 } .g-hfaq:before { display: none } .m-hfaq { padding-left: 0 } .m-hfaq .box-img { position: relative; left: auto; float: none; width: 90%; text-align: center } .m-hfaq .box-bd { margin-top: 30px } .m-hfaq .box-title { font-size: 24px; font-size: 2.4rem } .m-hfaq .item-title { font-size: 16px; font-size: 1.6rem } .m-hfaq .item-desc { font-size: 14px; font-size: 1.4rem } } .g-hproj { padding-top: 110px; padding-bottom: 65px; background-size: 100% 100%; background-color: #1aa866; background: url(../images/indexsolutionbg.jpg) no-repeat center top; } .g-hproj .box-hd { margin-bottom: 61px } .g-hproj .box-hd .hd-title { color: #fff } .g-hproj .box-hd .hd-title a { color: #fff } .g-hproj .box-hd .hd-title a:hover { color: #ccc } .g-hproj .box-hd .hd-desc { margin-top: 23px; font-size: 16px; font-size: 1.6rem; color: #fff; font-weight: 400 } .g-hproj .box-hd .hd-desc a { color: #fff } .g-hproj .box-hd .hd-desc a:hover { color: #ccc } .g-hproj .box-hd:before { background-color: #fff } .m-hproj .box-tabhd { position: relative; margin-bottom: -20px; padding-bottom: 17px; font-size: 0; letter-spacing: 0; text-align: center } .m-hproj .tabhd-item { position: relative; display: inline-block; vertical-align: top; margin-left: 1.33333%; margin-right: 1.33333%; margin-bottom: 20px; width: 12%; line-height: 30px; padding: 8px 5px; font-size: 16px; font-size: 1.6rem; color: #fff; border: 1px solid #fff; border-radius: 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-color: #1aa866 } .m-hproj .tabhd-item:before { content: ""; position: absolute; left: 0; right: 0; top: 100%; margin-top: 13px; margin-left: auto; margin-right: auto; width: 55px; height: 4px } .m-hproj .tabhd-item.active:before { background-color: #fff } .m-hproj .box-tabbd { margin-top: 66px } .m-hproj .tabbd-item { display: none } .m-hproj .tabbd-item.show { display: block } .m-hproj .tbitem-wp { position: relative } .m-hproj .box-btn { position: absolute; top: 200px; width: 6rem; height: 6rem; line-height: 5.5rem; font-size: 3rem; font-size: 3rem; color: #1aa866; text-align: center; border-radius: 50%; z-index: 9999999; background-color: #fff } .m-hproj .box-btn.prev { left: -80px } .m-hproj .box-btn.next { right: -80px } .m-hproj .box-btn:hover { color: #1aa866; background-color: #fff } .m-hproj .box-list { padding-bottom: 15px; width: 1000%; overflow: hidden } .m-hproj .list-item { float: left; margin-right: .17333%; width: 2.36%; background-color: #fff; border-radius: 10px; padding-top: 30px; padding-bottom: 14px; padding-left: 24px; padding-right: 25px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: 5px 5px 10px 0 rgba(51, 51, 51, .2); box-shadow: 5px 5px 10px 0 rgba(51, 51, 51, .2) } .m-hproj .item-title { margin-top: 24px; height: 28px; line-height: 28px; font-size: 18px; font-size: 1.8rem; font-family: "Microsoft YaHei"; text-align: center; text-overflow: ellipsis; white-space: nowrap } .m-hproj .item-desc { margin-top: 10px } .m-hproj .item-desc a { display: block; height: 72px; line-height: 24px; font-size: 16px; font-size: 1.8rem; overflow: hidden; text-align: center; } .m-hproj .item-link { text-transform: uppercase; margin: 0 auto; margin-top: 0px; display: block; width: 97px; height: 32px; line-height: 32px; font-size: 14px; font-size: 1.4rem; color: #fff; text-align: center; border-radius: 16px; background-color: #1aa866 } .m-hproj .item-link:hover { background-color: #333 } .m-hproj .proj-desc { margin-top: 58px; line-height: 36px; font-size: 18px; font-size: 1.8rem; color: #fff; text-align: center } .m-hproj .proj-desc a { font-size: 18px; font-size: 1.8rem; color: #00f9db; font-weight: 700 } .m-hproj .proj-desc a:hover { color: #333 } .pr-desc { margin-top: 58px; line-height: 36px; font-size: 18px; font-size: 1.8rem; text-align: center } .pr-desc a { font-size: 18px; font-size: 1.8rem; color: #1aa866; font-weight: 700 } .pr-desc a:hover { color: #333 } @media screen and (max-width:1219px) { .m-hproj .box-btn.next { margin-right: 0 } .m-hproj .box-btn.prev { margin-left: 0 } .m-hproj .tabhd-item { font-size: 14px; font-size: 1.4rem } } @media screen and (max-width:991px) { .g-hproj { padding: 30px 0 } .g-hproj .box-hd { margin-bottom: 30px } .m-hproj .tabhd-item { margin-left: 1%; margin-right: 1%; width: 23%; font-size: 14px; font-size: 1.4rem } .m-hproj .box-tabbd { margin-top: 30px } .m-hproj .tbitem-wp { padding-bottom: 0 } .m-hproj .box-btn.prev { left: 10px } .m-hproj .box-btn.next { right: 10px } .m-hproj .box-btn { top: 10rem; bottom: 0; margin-top: 0; width: 40px; height: 40px; color: #fff; background-color: #1aa866; line-height: 40px; font-size: 18px; font-size: 1.8rem } .m-hproj .list-item { padding: 20px 15px } .m-hproj .item-title { font-size: 16px; font-size: 1.6rem } .m-hproj .item-link { margin-top: 5px } .m-hproj .proj-desc { margin-top: 0; font-size: 14px; font-size: 1.4rem } .m-hproj .proj-desc a { font-size: 18px; font-size: 1.8rem } } @media screen and (max-width:640px) { .m-hproj .tabhd-item { width: 48% } .m-hproj .list-item { margin-right: .2%; width: 4.9% } } @media screen and (max-width:375px) { .m-hproj .list-item { margin-right: 0; width: 10% } } .g-hnews { margin-top: 31px; padding-top: 81px; padding-bottom: 76px; background-color: #f4f4f4 } .g-hnews .box-hd { margin-bottom: 67px } .g-hnews .hd-desc { margin-left: auto; margin-right: auto; max-width: 875px; line-height: 30px; font-size: 16px; font-size: 1.6rem } .m-hnews1 { float: left; margin-right: 8.53333%; width: 43.46667% } .m-hnews1 .box-list { width: 1000%; overflow: hidden } .m-hnews1 .list-item { position: relative; float: left; width: 10%; overflow: hidden } .m-hnews1 .item-time { position: absolute; left: 29px; top: 0; width: 94px; height: 71px; color: #fff; text-align: center; line-height: 26px; font-size: 16px; font-size: 1.6rem; font-family: "Microsoft YaHei"; padding-top: 5px; background-color: #c10d23; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .m-hnews1 .item-time span { display: block } .m-hnews1 .item-time:before { content: ""; position: absolute; left: 0; right: 0; bottom: 8px; margin: 0 auto; width: 14px; height: 2px; background-color: #fff } .m-hnews1 .box-page { margin-top: 27px; font-size: 0; letter-spacing: 0; text-align: center } .m-hnews1 .page-item { margin: 0 8px; display: inline-block; vertical-align: top; width: 14px; height: 14px; background-color: #bfc3c6; border: 1px solid #fff; border-radius: 50% } .m-hnews1 .page-item.active { background-color: #1aa866 } .m-hnews1 .box-title { margin-top: 32px; height: 28px; line-height: 28px; font-size: 18px; font-size: 1.8rem; font-family: "Microsoft YaHei"; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .m-hnews1 .box-desc { margin-top: 22px } .m-hnews1 .box-desc a { display: block; height: 72px; line-height: 24px; font-size: 16px; font-size: 1.6rem; overflow: hidden; text-indent: 32px } .m-hnews2 { overflow: hidden } .m-hnews2 .list-item { margin-top: 21px } .m-hnews2 .list-item:first-child { margin-top: 0 } .m-hnews2 .item-wp { padding: 20px 0; border-bottom: 1px solid #666 } .m-hnews2 .item-fix1 { -webkit-transition: all 350ms; -o-transition: all 350ms; -moz-transition: all 350ms; transition: all 350ms } .m-hnews2 .item-fix1:hover { color: #fff; background-color: #1aa866 } .m-hnews2 .item-fix1:hover a { color: #fff } .m-hnews2 .item-fix1:hover .item-time { background-color: #1aa866; color: #fff } .m-hnews2 .item-fix2 { position: relative; float: left; margin-right: 56px; width: 218px } .m-hnews2 .item-time { position: absolute; left: 15px; top: 0; width: 52px; height: 40px; color: #fff; text-align: center; font-size: 12px; font-size: 1.2rem; font-family: "Microsoft YaHei"; padding-top: 5px; background-color: #c10d23; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .m-hnews2 .item-time span { display: block } .m-hnews2 .item-time:before { content: ""; position: absolute; left: 0; right: 0; bottom: 5px; margin: 0 auto; width: 7px; height: 1px; background-color: #fff } .m-hnews2 .item-text { padding-top: 12px } .m-hnews2 .item-title { height: 28px; line-height: 28px; font-size: 18px; font-size: 1.8rem; font-family: "Microsoft YaHei"; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .m-hnews2 .item-desc { margin-top: 12px } .m-hnews2 .item-desc a { display: block; height: 72px; line-height: 24px; font-size: 16px; font-size: 1.6rem; overflow: hidden; text-indent: 32px } .m-hnews2 .item-link { margin-top: 11px; font-size: 16px; font-size: 1.6rem; color: #848484 } @media screen and (max-width:1219px) { .m-hnews2 .list-item { margin-top: 20px } .m-hnews2 .item-wp { padding-bottom: 20px } .m-hnews2 .item-fix2 { width: 165px; margin-right: 20px } .m-hnews2 .item-title { font-size: 14px; font-size: 1.4rem } .m-hnews2 .item-desc { margin-top: 10px } .m-hnews2 .item-desc a { height: 48px; line-height: 24px; font-size: 14px; font-size: 1.4rem } } @media screen and (max-width:991px) { .g-hnews { padding: 30px 0 } .g-hnews .box-hd { margin-bottom: 30px } } @media screen and (max-width:640px) { .m-hnews1 { float: none; margin-right: 0; width: 100% } .m-hnews2 { margin-top: 30px } } .g-hform { padding-top: 50px; padding-bottom: 50px } .g-hform .box-hd { margin-bottom: 37px } .m-hform { background: #1aa866; border-radius: 10px; padding-top: 37px; padding-bottom: 51px; margin: 0 auto; max-width: 1360px } .m-hform .box-form { font-size: 0; letter-spacing: 0; text-align: center } .m-hform .form-item { display: inline-block; vertical-align: top } .m-hform .form-item1 { position: relative; padding-left: 34px; width: 37.94118%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .m-hform .form-item2 { margin-left: 32px; width: 158px } .m-hform .form-text { width: 100%; height: 50px; padding-left: 41px; padding-right: 10px; font-size: 16px; font-size: 1.6rem; color: #666; border-radius: 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #aaa; background-color: #fff } .m-hform .form-text::-webkit-input-placeholder { color: #666; opacity: 1 } .m-hform .form-text:-moz-placeholder { color: #666; opacity: 1 } .m-hform .form-text::-moz-placeholder { color: #666; opacity: 1 } .m-hform .form-text:-ms-input-placeholder { color: #666; opacity: 1 } .m-hform .iconfont { position: absolute; left: 47px; line-height: 50px; font-size: 20px; font-size: 2rem; color: #1aa866 } .m-hform .form-btn { width: 100%; height: 50px; font-size: 16px; font-size: 1.6rem; font-weight: 700; color: #1aa866; border-radius: 5px; background-color: #fff } @media screen and (max-width:991px) { .g-hform { padding: 30px 0 } .g-hform .box-form { margin: 0 auto; width: 96% } .g-hform .box-hd { margin-bottom: 30px } .g-hform .form-item1 { width: 50% } .g-hform .form-item2 { margin-top: 15px; margin-left: 0; width: 100% } .m-hform .form-item1 { padding-left: 0 } .m-hform .iconfont { left: 17px } } @media screen and (max-width:480px) { .m-hform .form-item1 { margin-top: 15px; width: 100% } .m-hform .form-item1:first-child { margin-top: 0 } } .g-ft { background-color: #131313 } .m-ftfix1 { padding-top: 0; padding-bottom: 5px; font-size: 16px; font-size: 1.6rem; color: #999; -webkit-background-size: cover; background-size: cover; background-color: #131313 } .m-ftfix1 a, .m-ftfix1 button { color: #999 } .m-ftfix1 a:hover { color: #fff } .m-ftfix1 .box-fix1 { padding-bottom: 33px; line-height: 0; font-size: 0; text-align: center; border-bottom: 1px solid #a6a6a6; border-color: rgba(166, 166, 166, .3) } .m-ftfix1 .box-fix2 { padding-top: 50px } .m-ftlogo { display: inline-block } .m-ftb { position: relative; float: left; padding-left: 59px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .m-ftb:before { content: ""; position: absolute; left: 0; top: 0; width: 2px; height: 53px; background-color: #c3c3c3 } .m-ftb1 { margin-right: 8%; width: 28.33333% } .m-ftb2 { margin-right: 21px; padding-left: 13px; width: 36% } .m-ftb3 { float: none; overflow: hidden } .m-ftt { margin-bottom: 28px; font-size: 24px; font-size: 2.4rem; font-family: "Microsoft YaHei"; color: #cbcbcb; text-transform: uppercase } .m-ftt a { color: #cbcbcb } .m-ftt a:hover { color: #fff } .m-fabt .box-desc { line-height: 22px; max-height: 400px; overflow: hidden; text-overflow: ellipsis; text-align: justify; text-indent: 32px; padding-bottom: 20px } .m-fabt .box-video { position: relative; margin-top: 28px; line-height: 0; font-size: 0; max-width: 335px; padding-top: 47.12329%; overflow: hidden } .m-fabt .box-video video { position: absolute; left: 0; top: 0; width: 100%; height: 100% } .m-ftinfo .info-item { position: relative; padding-left: 0; line-height: 36px } .m-ftinfo .iconfont { position: absolute; left: 0; top: 50%; margin-top: -15px; line-height: 30px; font-size: 24px; font-size: 2.4rem } .m-ftinfo .info-bd { margin-top: 12px; margin-bottom: 12px; max-width: 427px; height: 1px; background-color: #5a5d5f } .m-ftinfo .fixed { position: relative; padding-left: 56px } .m-ftinfo .fixed span { position: absolute; left: 0 } .m-ftnav { overflow: hidden } .m-ftnav .nav-item { float: left; width: 50%; line-height: 38px } .m-ftform { position: relative; margin-top: 20px; padding-right: 122px } .m-ftform .form-text { width: 100%; height: 40px; line-height: 40px; padding-left: 9px; padding-right: 9px; font-size: 16px; font-size: 1.6rem; color: #fff; background-color: #949494; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .m-ftform .form-text::-webkit-input-placeholder { color: #fff; opacity: 1 } .m-ftform .form-text:-moz-placeholder { color: #fff; opacity: 1 } .m-ftform .form-text::-moz-placeholder { color: #fff; opacity: 1 } .m-ftform .form-text:-ms-input-placeholder { color: #fff; opacity: 1 } .m-ftform .form-btn, .m-ftform .iconfont { position: absolute; right: 0; bottom: 0; width: 122px; height: 40px; line-height: 40px } .m-ftform .iconfont { text-align: center; font-size: 28px; font-size: 2.8rem; color: #fff; background-color: #1aa866 } .m-ftform .form-btn { z-index: 2 } .m-ftfix2 { padding-top: 21px; padding-bottom: 13px; line-height: 20px; font-size: 14px; font-size: 1.4rem; color: #999 } .m-ftfix2 a { color: #999 } .m-ftfix2 a:hover { color: #fff } .m-ftfix2 .box-fix1 { overflow: hidden } .m-ftfix2 .box-fix2 { margin-top: 0 } .m-ftshare { float: left; width: 100%; padding-left: 510px; padding-right: 360px; font-size: 0; letter-spacing: 0; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .m-ftshare .share-item { margin: 0 6px; width: 38px; display: inline-block; vertical-align: top } .m-ftshare .share-item:hover { margin-top: -5px } .m-fttext1 { float: left } .m-fttext2 { float: left; margin-left: -350px; width: 350px } .m-fttext2 img { vertical-align: middle } .m-ftlnk { overflow: hidden } .m-ftlnk .list-item { float: left; margin-right: 30px } @media screen and (max-width:1219px) { .m-ftinfo .fixed { padding-left: 0 } .m-ftinfo .fixed span { position: relative } .m-ftb1 { margin-right: 10%; width: 45% } .m-ftb2 { margin-right: 0; width: 45% } .m-ftshare { padding: 0 } .m-fttext1, .m-fttext2 { float: none; margin: 15px 0; margin-left: 0; width: auto; display: inline-block } .m-ftb3 { clear: both; padding-top: 40px } } @media screen and (max-width:991px) { .m-ftfix1 { display: none } .m-ftfix2 { padding: 1rem 0 } .m-ftfix2 .box-fix1 { text-align: center } .m-ftfix2 .box-fix2 { display: none } .m-fttext1, .m-fttext2 { width: 100%; text-align: center } } .g-wp { padding-top: 96px; padding-bottom: 94px } @media screen and (max-width:991px) { .g-wp { padding-top: 30px; padding-bottom: 30px } } .m-projl { margin-bottom: -86px } .m-projl .list-item { float: left; margin-right: 2.6%; margin-bottom: 86px; width: 31.6% } .m-projl .item-pic { border: 1px solid #959595 } .m-projl .item-title { margin-top: 14px; height: 27px; line-height: 27px; font-size: 17px; font-size: 1.7rem; text-align: center; text-overflow: ellipsis; white-space: nowrap; color: #000 } .m-projl .item-title a { color: #000 } .m-projl .item-title a:hover { color: #1aa866 } @media screen and (max-width:991px) { .m-projl { margin-bottom: -30px } .m-projl .list-item { margin-bottom: 30px } .m-projl .item-title { font-size: 14px; font-size: 1.4rem } } @media screen and (max-width:480px) { .m-projl .list-item { width: 48%; margin-left: 1%; margin-right: 1% !important } } .m-pagehd { position: relative; margin-bottom: 33px; padding-right: 235px; padding-bottom: 34px; border-bottom: 1px solid #949494 } .m-pagehd .box-fix2 { position: absolute; right: 0; top: 0 } @media screen and (max-width:991px) { .m-pagehd { margin-bottom: 30px; padding-bottom: 25px; padding-right: 0 } .m-pagehd .box-fix2 { position: relative; margin-top: 20px } } .m-nsch { position: relative; padding-right: 28px; width: 180px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #d6d5d5; border-radius: 10px } .m-nsch .form-btn, .m-nsch .iconfont { position: absolute; right: 0; top: 0; width: 28px; height: 32px } .m-nsch .form-btn { z-index: 2 } .m-nsch .iconfont { line-height: 32px; font-size: 20px; font-size: 2rem; color: #151515 } .m-nsch .form-text { width: 100%; height: 32px; line-height: 32px; padding: 0 10px; font-size: 14px; font-size: 1.4rem; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .m-prob1 { margin-bottom: 72px } .m-prob1 .prob-pic { margin-right: 25px; width: 752px } .m-prob1 .prob-pic-big { position: relative; float: left; width: 550px; background-color: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .m-prob1 .prob-pic-big .img { border: 1px solid #999 } .m-prob1 .prob-pic-big-img { display: block; line-height: 0; font-size: 0 } .m-prob1 .prob-pic-big-img .zoomPad { float: none; z-index: 8 } .m-prob1 .zoomWrapperImage img { max-width: 1200px } .m-prob1 .prob-pic-small { position: relative; float: right; width: 172px; padding-top: 0; padding-bottom: 0; overflow: hidden } .m-prob1 .prob-pic-btn { position: absolute; z-index: 2; left: 0; right: 0; margin: 0 auto; display: block; width: 28px; line-height: 28px; font-size: 16px; font-size: 1.6rem; color: #fff; text-align: center; background-color: #000; background-color: rgba(0, 0, 0, .5) } .m-prob1 .prob-pic-btn.prev { top: 0 } .m-prob1 .prob-pic-btn.next { bottom: 0 } .m-prob1 .prob-pic-btn:hover { background-color: #1aa866 } .m-prob1 .prob-pic-list { height: 400px; overflow: hidden } .m-prob1 .prob-pic-list ul { height: 1000%; overflow: hidden } .m-prob1 .prob-pic-list ul li { margin-bottom: 11px; border: 1px solid #ccc } .m-prob1 .prob-pic-item .item-pic { position: relative } .m-prob1 .prob-pic-item .item-pic:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #fff; background-color: rgba(255, 255, 255, .4) } .m-prob1 .prob-pic-item .item-pic:hover:before { background-color: transparent } .m-prob1 .prob-pic-item .item-pic.active:before { background-color: transparent } .m-prob1 .prob-info { overflow: hidden } .m-prob1 .prob-title { position: relative; font-size: 21px; font-size: 2.1rem; line-height: 31px; font-weight: 400; font-family: "Microsoft YaHei"; color: #595757 } .m-prob1 .prob-link { margin-top: 46px; overflow: hidden } .m-prob1 .prob-link a { float: left; display: block; width: 165px; height: 55px; line-height: 54px; font-size: 16px; font-size: 1.6rem; color: #fff; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-color: #1aa866; margin: 2rem; border-radius: 5px; } .m-prob1 .prob-link a:hover { color: #fff; background-color: #333 } .m-prob1 .prob-share { margin-top: 15px } .m-prob1 .prob-desc { padding-top: 26px; padding-bottom: 63px; line-height: 29px; font-size: 17px; font-size: 1.7rem; font-weight: 400; font-family: "Microsoft YaHei", "PingFang Regular"; color: #595757; border-bottom: 1px solid #b5b5b5 } .m-prob1 .prob-desc p { min-height: 20px; text-indent: 32px } .m-proshare .share-font { float: left; margin-right: 10px; line-height: 20px; font-size: 16px; font-size: 1.6rem; color: #333 } .m-proshare .share-img { float: left; height: 26px } @media screen and (max-width:1219px) { .m-prob1 .prob-pic { float: none; margin: 0 auto } .m-prob1 .prob-info { padding-top: 0; float: none; margin-top: 30px; width: 100%; height: auto } .m-prob1 .prob-desc { margin-top: 0 } .m-prob1 .prob-share { margin-top: 25px } .m-prob1 .prob-link { margin-top: 20px } .m-prob1 .prob-link a { width: 100px !important; margin: 5px; height: 5rem; line-height: 5rem; font-size: 1.8rem } } @media screen and (max-width:1219px) { .zoomPad { cursor: default !important } .zoomPup { display: none !important } .zoomWindow { display: none !important } .zoomPreload { display: none !important } } @media screen and (max-width:991px) { .m-prob1 { margin-bottom: 30px } .m-prob1 .prob-pic { display: none } .m-prob1 .prob-title { font-size: 24px; font-size: 2.4rem } .m-prob1 .prob-desc { padding: 15px 0; line-height: 24px; font-size: 14px; font-size: 1.4rem } .m-prob1 .prob-desc strong { font-size: 16px; font-size: 1.6rem } .m-prob1 .prob-desc p { min-height: 10px } .m-prob1 .prob-share { margin-top: 20px } .m-prob1 .prob-link { margin-top: 20px } .m-prob1 .prob-link a { width: 110px !important; height: 36px; line-height: 34px; font-size: 14px; font-size: 1.4rem } } .m-propic { display: none } @media screen and (max-width:991px) { .m-propic { position: relative; padding-left: 35px; padding-right: 35px; display: block; overflow: hidden } .m-propic .box-btn { position: absolute; top: 50%; margin-top: -15px; display: block; width: 30px; height: 30px; line-height: 30px; font-size: 16px; font-size: 1.6rem; color: #1aa866; text-align: center; background-repeat: no-repeat; background-position: center; -webkit-background-size: 100% 100%; background-size: 100% 100% } .m-propic .box-btn.prev { left: 0 } .m-propic .box-btn.next { right: 0 } .m-propic .box-bd { overflow: hidden } .m-propic .box-list { width: 1000%; overflow: hidden } .m-propic .list-item { float: left; margin-right: .2%; width: 3.2% } .m-propic .item-pic { border: 1px solid #1aa866 } } @media screen and (max-width:480px) { .m-propic .list-item { width: 10% } } .m-prob2 { border: 1px solid #eaeaea } .m-prob2 .box-tabhd { font-size: 0; letter-spacing: 0; background-color: #dcdddd } .m-prob2 .tabhd-item { position: relative; display: inline-block; vertical-align: top; width: 25%; line-height: 30px; padding: 15px 5px; font-size: 18px; font-size: 1.8rem; color: #000; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .m-prob2 .tabhd-item:before { content: ""; position: absolute; left: 0; top: 50%; margin-top: -20px; width: 1px; height: 40px; background-color: #5f5d5d; background-color: rgba(95, 93, 93, .51) } .m-prob2 .tabhd-item.active { color: #fff; background-color: #1aa866 } .m-prob2 .tabhd-item.active:before { background-color: #1aa866 } .m-prob2 .tabhd-item:first-child:before { display: none } .m-prob2 .box-tabbd { padding: 20px 15px 50px } .m-prob2 .tabbd-item { display: none } .m-prob2 .tabbd-item.show { display: block } .m-prodesc p { min-height: 36px; text-indent: 0 } .m-projlst1 { margin-bottom: -25px; margin-left: auto; margin-right: auto; max-width: 1330px } .m-projlst1 .list-item { float: left; margin-right: 7.89474%; margin-bottom: 25px; width: 45.93985% } .m-projvideo { position: relative; padding-top: 472px; line-height: 0; font-size: 0; overflow: hidden } .m-projvideo iframe { position: absolute; left: 0; top: 0; width: 100%; height: 100% } @media screen and (max-width:1219px) { .m-prob2 .tabhd-item { font-size: 14px; font-size: 1.4rem } } @media screen and (max-width:991px) { .m-prob2 .box-tabhd { overflow-x: scroll } .m-prob2 .tabhd-wp { width: 900px } .m-prob2 .tabhd-item { width: 25%; padding: 5px 5px } .m-prob2 .box-tabbd { padding: 30px 15px } } .m-proform { margin-top: 62px; background-color: #1aa866; padding-left: 61px; padding-right: 54px; padding-top: 36px; padding-bottom: 14px } .m-proform .title { color: #fff; text-align: center; font-size: 3rem; padding: 4rem 0 } @media screen and (max-width:991px) { .m-proform .title { color: #fff; text-align: center; font-size: 2rem; padding: 3rem 0 } } .m-proform .form-item1 { margin-bottom: 2rem; width: 48% } .m-proform .form-item2 { margin-bottom: 9px; width: 100% } .m-proform .form-text1 { width: 100%; height: 5rem; line-height: 5rem; font-size: 2rem; color: #333; background-color: #fff; box-sizing: border-box; border-radius: 5px; padding: 11px 16px } .m-proform .form-text1::-webkit-input-placeholder { color: #999; opacity: 1; font-size: 2rem } .m-proform .form-text1:-moz-placeholder { color: #999; opacity: 1 } .m-proform .form-text1::-moz-placeholder { color: #999; opacity: 1 } .m-proform .form-text1:-ms-input-placeholder { color: #999; opacity: 1 } .m-proform .form-text2 { width: 100%; height: 12rem; line-height: 3rem; font-size: 2rem; color: #333; padding: 11px 16px; background-color: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 5px } .m-proform .form-text2::-webkit-input-placeholder { color: #999; opacity: 1; font-size: 2rem } .m-proform .form-text2:-moz-placeholder { color: #999; opacity: 1 } .m-proform .form-text2::-moz-placeholder { color: #999; opacity: 1 } .m-proform .form-text2:-ms-input-placeholder { color: #999; opacity: 1 } .m-proform .form-btn { width: 100%; height: 5rem; line-height: 5rem; font-size: 1.8rem; color: #333; background-color: #fff; border-radius: 5px; margin: 5px 0 } @media screen and (max-width:991px) { .m-proform .form-item1 { width: 100% } .m-proform { margin-top: 30px; padding: 25px 15px } .m-proform .form-text { font-size: 14px; font-size: 1.4rem } } .m-mpro { margin-top: 74px } .m-mpro .box-title { padding-bottom: 13px; line-height: 31px; font-size: 20px; font-size: 2rem; font-family: "Microsoft YaHei"; color: #595757; border-bottom: 1px solid #949494 } .m-mpro .box-title a { color: #595757 } .m-mpro .box-title a:hover { color: #1aa866 } .m-mpro .box-list { margin-top: 33px; margin-bottom: -25px } .m-mpro .list-item { float: left; margin-right: 3.26667%; margin-bottom: 25px; width: 31.06667% } .m-mpro .item-pic { border: 1px solid #ccc; border-color: rgba(114, 113, 113, .5) } .m-mpro .item-title { margin-top: 18px; height: 28px; line-height: 28px; font-size: 18px; font-size: 1.8rem; text-align: center; font-family: "Microsoft YaHei", "PingFang Regular"; color: #000; text-overflow: ellipsis } .m-mpro .item-title a { color: #000 } .m-mpro .item-title a:hover { color: #1aa866 } @media screen and (max-width:991px) { .m-mpro { margin-top: 30px } .m-mpro .item-title { font-size: 14px; font-size: 1.4rem } } @media screen and (max-width:375px) { .m-mpro .list-item { margin-right: 0; width: 100% } } .m-protext1 { line-height: 24px; font-size: 16px; font-size: 1.6rem; color: #000 } .m-protext2 { line-height: 30px; font-size: 16px; font-size: 1.6rem; color: #333 } .m-protext2 b, .m-protext2 p, .m-protext2 span { line-height: 30px; font-size: 16px; font-size: 1.6rem } .c-color1 { background-color: #f3f4f9 } .m-videolst { margin-bottom: -73px } .m-videolst .list-item { float: left; margin-right: 2.4%; margin-bottom: 73px; width: 30.93333%; background-color: #fff; -webkit-transition: all 350ms; -o-transition: all 350ms; -moz-transition: all 350ms; transition: all 350ms } .m-videolst .list-item:hover { -webkit-box-shadow: 0 0 9px 0 rgba(0, 0, 0, .5); box-shadow: 0 0 9px 0 rgba(0, 0, 0, .5) } .m-videolst .item-top { position: relative; overflow: hidden } .m-videolst .item-icon { position: absolute; left: 0; top: 0; z-index: 2; width: 100%; height: 100%; background: url(../images/videoicon.png) no-repeat center } .m-videolst .item-title { padding-top: 55px; padding-bottom: 55px; padding-left: 10px; padding-right: 10px; height: 30px; line-height: 30px; font-size: 20px; font-size: 2rem; font-family: "Microsoft YaHei"; text-align: center; text-overflow: ellipsis; white-space: nowrap; color: #595757 } .m-videolst .item-title a { color: #595757 } .m-videolst .item-title a:hover { color: #1aa866 } @media screen and (max-width:991px) { .m-videolst { margin-bottom: -30px } .m-videolst .list-item { margin-bottom: 30px } .m-videolst .item-title { padding: 5px; font-size: 14px; font-size: 1.4rem } } @media screen and (max-width:480px) { .m-videolst .list-item { margin-left: 1%; margin-right: 1% !important; width: 48% } } .m-zz { position: fixed; left: 0; top: 0; z-index: 10; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .2); display: none } .m-videomodal { position: fixed; left: 0; right: 0; top: 10%; margin: 0 auto; z-index: 99; display: none; width: 80%; height: 80%; border: 30px solid #fff; background-color: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .m-videomodal .box-close { position: absolute; left: 100%; bottom: 100%; font-size: 20px; font-size: 2rem } .m-videomodal .box-video { position: absolute; left: 0; top: 0; width: 100%; height: 100%; line-height: 0; font-size: 0; overflow: hidden } .m-videomodal .box-video iframe { position: absolute; left: 0; top: 0; width: 100%; height: 100% } .m-newsscroll { margin-bottom: 59px } .m-newsscroll .box-list { width: 1000%; overflow: hidden } .m-newsscroll .list-item { float: left; width: 10%; overflow: hidden } .m-newsscroll .item-pic { float: left; margin-right: 3.53333%; width: 750px } .m-newsscroll .item-text { padding-top: 32px; overflow: hidden } .m-newsscroll .item-time { line-height: 38px; font-size: 20px; font-size: 2rem; font-family: "Microsoft YaHei"; color: #9fa0a0 } .m-newsscroll .item-time .iconfont { margin-right: 8px; font-size: 38px; font-size: 3.8rem; vertical-align: middle } .m-newsscroll .item-title { margin-top: 20px; height: 35px; line-height: 35px; font-size: 25px; font-size: 2.5rem; color: #595757; font-family: "Microsoft YaHei"; text-overflow: ellipsis; white-space: nowrap } .m-newsscroll .item-desc { margin-top: 16px } .m-newsscroll .item-desc a { display: block; max-height: 216px; line-height: 24px; font-size: 16px; font-size: 1.6rem; color: #595757; overflow: hidden } .m-newsscroll .item-desc a:hover { color: #1aa866 } .m-newsscroll .item-desc p { min-height: 24px } .m-newsscroll .box-page { margin-top: 61px; font-size: 0; letter-spacing: 0; text-align: center } .m-newsscroll .page-item { margin: 0 10px; display: inline-block; vertical-align: top; width: 19px; height: 19px; background-color: #c9caca; border-radius: 50% } .m-newsscroll .page-item.active { background-color: #1aa866 } @media screen and (max-width:1219px) { .m-newsscroll .item-pic { width: 600px } .m-newsscroll .item-text { padding-top: 10px } } @media screen and (max-width:991px) { .m-newsscroll { margin-bottom: 30px } .m-newsscroll .item-pic { float: none; margin-right: 0; width: 100% } .m-newsscroll .item-title { margin-top: 10px; font-size: 16px; font-size: 1.6rem } .m-newsscroll .item-desc { margin-top: 10px } .m-newsscroll .item-desc a { max-height: 96px; line-height: 24px; font-size: 14px; font-size: 1.4rem } .m-newsscroll .item-desc p { min-height: 0 } .m-newsscroll .box-page { margin-top: 20px } .m-newsscroll .page-item { margin: 0 5px; width: 15px; height: 15px } } .m-newsl { margin-bottom: -67px } .m-newsl .list-item { display: inline-block; vertical-align: top; letter-spacing: 0; margin-right: 3%; margin-bottom: 67px; width: 30.333333%; border: solid 1px #c9caca; background-color: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 350ms; -o-transition: all 350ms; -moz-transition: all 350ms; transition: all 350ms } .m-newsl .list-item:hover { -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, .2); box-shadow: 0 0 20px 0 rgba(0, 0, 0, .2) } .m-newsl .item-text { padding-left: 28px; padding-right: 28px; padding-top: 25px; padding-bottom: 24px; overflow: hidden } .m-newsl .item-time { line-height: 30px; font-size: 16px; font-size: 1.6rem; font-family: "Microsoft YaHei"; color: #9fa0a0 } .m-newsl .item-time .iconfont { margin-right: 8px; font-size: 30px; font-size: 3rem; vertical-align: middle } .m-newsl .item-title { margin-top: 8px; height: 30px; line-height: 30px; font-size: 20px; font-size: 2rem; color: #595757; font-family: "Microsoft YaHei"; text-overflow: ellipsis; white-space: nowrap } .m-newsl .item-title a { color: #595757 } .m-newsl .item-title a:hover { color: #1aa866 } .m-newsl .item-desc { margin-top: 3px; text-indent: 28px } .m-newsl .item-desc a { display: block; line-height: 23px; font-size: 14px; font-size: 1.4rem; color: #595757; overflow: hidden } .m-newsl .item-desc a:hover { color: #1aa866 } @media screen and (max-width:991px) { .m-newsl { margin-bottom: -30px } .m-newsl .list-item { margin-bottom: 30px } .m-newsl .item-text { padding: 15px } .m-newsl .item-title { font-size: 16px; font-size: 1.6rem } .m-newsl .item-time { line-height: 20px; font-size: 14px; font-size: 1.4rem } .m-newsl .item-time .iconfont { font-size: 16px; font-size: 1.6rem } } @media screen and (max-width:512px) { .m-newsl .list-item { margin-left: 1%; margin-right: 1% !important } } @media screen and (max-width:480px) { .m-newsl .list-item { margin-left: 1%; margin-right: 1% !important; width: 47% } .m-newsl .list-item:first-child { margin-left: 0; margin-right: 0; width: 100% } } .m-news { padding-top: 28px; padding-bottom: 114px; border-top: 1px solid #979797; border-bottom: 1px solid #979797 } .m-news .box-title { font-size: 24px; font-size: 2.4rem; font-family: "Microsoft YaHei"; text-align: center; font-weight: 400; color: #595757 } .m-news .box-time { margin-top: 12px; font-size: 20px; font-size: 2rem; font-family: "Microsoft YaHei"; color: #9fa0a0; text-align: center } .m-news .box-desc { margin-top: 49px; line-height: 24px; font-size: 16px; font-size: 1.6rem; color: #595757; font-family: "Microsoft YaHei", "PingFang Regular" } .m-news .box-desc b, .m-news .box-desc p, .m-news .box-desc span { line-height: 24px; font-size: 16px; font-size: 1.6rem } .m-news .box-desc p { text-indent: 32px } @media screen and (max-width:991px) { .m-news { padding: 30px 0 } } .m-ihtnews { margin-bottom: 70px } .m-ihtnews .item-pic { float: left; margin-right: 7.26667%; width: 569px } .m-ihtnews .item-text { padding-top: 16px; overflow: hidden } .m-ihtnews .item-time { line-height: 38px; font-size: 20px; font-size: 2rem; font-family: "Microsoft YaHei"; color: #9fa0a0 } .m-ihtnews .item-time .iconfont { margin-right: 8px; font-size: 38px; font-size: 3.8rem; vertical-align: middle } .m-ihtnews .item-title { margin-top: 20px; height: 35px; line-height: 35px; font-size: 25px; font-size: 2.5rem; color: #595757; font-family: "Microsoft YaHei"; text-overflow: ellipsis; white-space: nowrap } .m-ihtnews .item-desc { margin-top: 14px } .m-ihtnews .item-desc a { display: block; max-height: 120px; line-height: 24px; font-size: 16px; font-size: 1.6rem; color: #595757; overflow: hidden } .m-ihtnews .item-desc a:hover { color: #1aa866 } .m-ihtnews .item-link { margin-top: 26px } .m-ihtnews .item-link a { display: block; width: 123px; height: 44px; line-height: 44px; font-size: 16px; font-size: 1.6rem; color: #fff; text-align: center; background-color: #1aa866 } .m-ihtnews .item-link a:hover { background-color: #333 } @media screen and (max-width:991px) { .m-ihtnews { margin-bottom: 30px } .m-ihtnews .item-pic { float: none; margin-right: 0; width: 100% } .m-ihtnews .item-title { margin-top: 10px; font-size: 16px; font-size: 1.6rem } .m-ihtnews .item-desc { margin-top: 10px } .m-ihtnews .item-desc a { max-height: 96px; line-height: 24px; font-size: 14px; font-size: 1.4rem } .m-ihtnews .item-desc p { min-height: 0 } } .m-inewsl .list-item { padding-top: 42px; padding-bottom: 35px; border-top: 1px solid #c3c4c7 } .m-inewsl .item-pic { float: right; margin-left: 5.46667%; width: 263px } .m-inewsl .item-text { overflow: hidden } .m-inewsl .item-time { line-height: 24px; font-size: 20px; font-size: 2rem; font-family: "Microsoft YaHei"; color: #9fa0a0 } .m-inewsl .item-title { margin-top: 5px; height: 35px; line-height: 35px; font-size: 25px; font-size: 2.5rem; color: #595757; font-family: "Microsoft YaHei"; text-overflow: ellipsis; white-space: nowrap } .m-inewsl .item-desc { margin-top: 14px } .m-inewsl .item-desc a { display: block; max-height: 72px; line-height: 24px; font-size: 16px; font-size: 1.6rem; color: #595757; overflow: hidden; } .m-inewsl .item-desc a:hover { color: #1aa866 } @media screen and (max-width:991px) { .m-inewsl .item-title { margin-top: 10px; font-size: 16px; font-size: 1.6rem } .m-inewsl .item-desc { margin-top: 10px } .m-inewsl .item-desc a { max-height: 96px; line-height: 24px; font-size: 14px; font-size: 1.4rem } .m-inewsl .item-desc p { min-height: 0 } } @media screen and (max-width:640px) { .m-inewsl .item-pic { float: none; margin-left: 0; width: 100%; max-width: 263px } .m-inewsl .item-text { padding-top: 15px } } .m-faq { margin-bottom: -48px; font-size: 0; letter-spacing: 0 } .m-faq .list-item { display: inline-block; vertical-align: top; margin-right: 2.66667%; margin-bottom: 48px; width: 47.3%; border: 1px solid #979797; background: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .m-faq .item-hd { position: relative; padding-top: 24px; padding-bottom: 24px; padding-left: 19px; padding-right: 90px; cursor: pointer } .m-faq .item-hd:hover .item-title { color: #1aa866 } .m-faq .item-hd:hover .item-icon { background-image: url(../images/faqicon2.png); border-color: #1aa866 } .m-faq .item-hd.active .item-title { color: #1aa866 } .m-faq .item-hd.active .item-icon { background-image: url(../images/faqicon2.png); border-color: #1aa866 } .m-faq .item-title { padding: 10px 0; line-height: 30px; font-size: 20px; font-size: 2rem; font-family: "Microsoft YaHei"; color: #595757 } .m-faq .item-icon { position: absolute; right: 34px; top: 24px; width: 50px; height: 50px; border: 4px solid #949494; border-radius: 50%; background: url(../images/faqicon1.png) no-repeat center; -webkit-transition: all 350ms; -o-transition: all 350ms; -moz-transition: all 350ms; transition: all 350ms; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .m-faq .item-bd { border-top: 1px solid #949494; padding-left: 16px; padding-right: 25px; padding-top: 27px; padding-bottom: 23px; display: none } .m-faq .item-desc { line-height: 24px; font-size: 16px; font-size: 1.6rem; color: #595757; text-indent: 32px } @media screen and (max-width:991px) { .m-faq { margin-bottom: -30px } .m-faq .list-item { margin-bottom: 30px } .m-faq .item-hd { padding: 15px 50px 15px 15px } .m-faq .item-icon { top: 15px; right: 10px; width: 30px; height: 30px; border-width: 1px; -webkit-background-size: 15px 15px; background-size: 15px } .m-faq .item-title { padding: 0; line-height: 30px; font-size: 14px; font-size: 1.4rem } .m-faq .item-desc { font-size: 14px; font-size: 1.4rem } } @media screen and (max-width:640px) { .m-faq .list-item { margin-right: 0; width: 100% } } .m-ctusform { float: left; margin-right: 11.33333%; width: 50% } .m-ctusform .box-title { margin-bottom: 23px; font-size: 29px; font-size: 2.9rem; font-family: "Microsoft YaHei" } .m-ctusform .form-item1 { margin-bottom: 20px; width: 44.53333% } .m-ctusform .form-item2 { margin-bottom: 20px; width: 100% } .m-ctusform .form-text { width: 100%; height: 50px; line-height: 20px; padding: 0 10px; font-size: 16px; font-size: 1.6rem; color: #333; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #949494 } .m-ctusform .form-text::-webkit-input-placeholder { color: #ccc; opacity: 1 } .m-ctusform .form-text:-moz-placeholder { color: #ccc; opacity: 1 } .m-ctusform .form-text::-moz-placeholder { color: #ccc; opacity: 1 } .m-ctusform .form-text:-ms-input-placeholder { color: #ccc; opacity: 1 } .m-ctusform .form-text2 { height: 165px } .m-ctusform .form-btn { width: 134px; height: 52px; font-size: 20px; font-size: 2rem; color: #fff; background-color: #1aa866 } @media screen and (max-width:991px) { .m-ctusform { display: none; float: none; margin-right: 0; width: 100% } .m-ctusform .box-form { margin-bottom: -20px } .m-ctusform .form-item { margin-bottom: 20px } .m-ctusform .form-text1 { height: 38px; line-height: 36px; font-size: 14px; font-size: 1.4rem } .m-ctusform .form-text2 { height: 152px } } .m-ctusinfo { overflow: hidden } .m-ctusinfo .box-item { margin-top: 42px } .m-ctusinfo .box-item:first-child { margin-top: 0 } .m-ctusinfo .bitem-title { margin-bottom: 12px; padding-bottom: 6px; border-bottom: 1px solid #949494; font-size: 28px; font-size: 2.8rem; font-family: "Microsoft YaHei"; color: #595757 } .m-ctusinfo .bitem-bd { line-height: 28px; font-size: 17px; font-size: 1.7rem; color: #595757 } .m-ctusinfo a { color: #595757 } .m-ctusinfo a:hover { color: #1aa866 } .m-ctusinfo .fixed { position: relative; padding-left: 60px } .m-ctusinfo .fixed span { position: absolute; left: 0 } .m-ctusshare { font-size: 0; letter-spacing: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .m-ctusshare .share-item { margin: 0 5px; display: inline-block; vertical-align: top } .m-ctusshare .share-wx { position: relative } .m-ctusshare .wx-img { position: absolute; left: 0; top: 100%; width: 150px; max-width: 150px; z-index: 3; display: none } .m-ctusshare .share-item:hover { margin-top: -5px } .m-ctusmap { margin-top: 58px; border: solid 1px #979797 } @media screen and (max-width:991px) { .m-ctusinfo { margin-top: 30px } .m-ctusinfo .box-item { margin-top: 25px } .m-ctusinfo .bitem-bd { font-size: 14px; font-size: 1.4rem } .m-ctusmap { margin-top: 35px } } .m-abtb1 .box-item { background-color: #fff } .m-abtb1 .bitem-pic { width: 50%; font-size: 0; line-height: 0; overflow: hidden } .m-abtb1 .bitem-pic img { -webkit-transition: all 350ms; -o-transition: all 350ms; -moz-transition: all 350ms; transition: all 350ms } .m-abtb1 .bitem-pic:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1) } .m-abtb1 .bitem-fix { padding-top: 55px; padding-bottom: 30px; overflow: hidden } .m-abtb1 .bitem-fix1 { padding-left: 2.76042%; padding-right: 11.71875% } .m-abtb1 .bitem-fix2 { padding-left: 12.29167%; padding-right: 2.13542% } .m-abtb1 .bitem-title { font-size: 25px; font-size: 2.5rem; font-family: "Microsoft YaHei"; color: #595757 } .m-abtb1 .bitem-desc { margin-top: 17px; line-height: 24px; font-size: 16px; font-size: 1.6rem; color: #595757 } .m-abtb1 .bitem-desc b, .m-abtb1 .bitem-desc p, .m-abtb1 .bitem-desc span { line-height: 24px; font-size: 16px; font-size: 1.6rem } .m-abtb1 .bitem-desc p { min-height: 24px; text-indent: 32px } @media screen and (max-width:1800px) { .m-abtb1 .bitem-fix { padding-top: 15px; padding-left: 40px; padding-right: 40px } } @media screen and (max-width:991px) { .m-abtb1 .bitem-pic { float: none; width: 100% } .m-abtb1 .bitem-fix { padding: 25px 15px } } .m-abtb2 { margin-top: 88px } .m-abtb2 .box-list { margin-bottom: -25px } .m-abtb2 .list-item { position: relative; padding-top: 67px; float: left; margin-right: 2.2%; margin-bottom: 25px; width: 23.26667% } .m-abtb2 .list-item.active .item-icon { background-color: #fff } .m-abtb2 .list-item.active .item-wp { color: #fff; background-color: #1aa866 } .m-abtb2 .list-item.active .item-desc, .m-abtb2 .list-item.active .item-title { color: #fff } .m-abtb2 .item-icon { position: absolute; top: 0; left: 18px; width: 117px; line-height: 0; font-size: 0; border-radius: 50%; background-color: #1aa866; -webkit-transition: all 350ms; -o-transition: all 350ms; -moz-transition: all 350ms; transition: all 350ms } .m-abtb2 .item-wp { padding-left: 23px; padding-right: 37px; padding-top: 68px; padding-bottom: 15px; border-radius: 10px; background-color: #fff; -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .25); box-shadow: 0 0 10px 0 rgba(0, 0, 0, .25) } .m-abtb2 .item-title { height: 30px; line-height: 30px; font-size: 20px; font-size: 2rem; font-family: "Microsoft YaHei"; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all 350ms; -o-transition: all 350ms; -moz-transition: all 350ms; transition: all 350ms } .m-abtb2 .item-desc { margin-top: 12px; height: 154px; line-height: 22px; font-size: 14px; font-size: 1.4rem; overflow: hidden; -webkit-transition: all 350ms; -o-transition: all 350ms; -moz-transition: all 350ms; transition: all 350ms; text-indent: 28px } @media screen and (min-width:1520px) { .m-abtb2 .list-item.active .item-icon { left: 210px } } @media screen and (min-width:1220px) and (max-width:1519px) { .m-abtb2 .list-item.active .item-icon { left: 155px } } @media screen and (max-width:991px) { .m-abtb2 { margin-top: 30px } .m-abtb2 .list-item { padding-top: 57px } .m-abtb2 .item-icon { width: 80px } .m-abtb2 .item-wp { padding: 30px 20px 20px } .m-abtb2 .item-title { font-size: 16px; font-size: 1.6rem } .m-abtb2 .item-desc a { font-size: 14px; font-size: 1.4rem } } @media screen and (max-width:640px) { .m-abtb2 .box-list { margin-bottom: -25px } .m-abtb2 .list-item { margin-left: 1%; margin-right: 1% !important; margin-bottom: 25px; width: 48% } } @media screen and (max-width:375px) { .m-abtb2 .list-item { margin-left: 0; margin-right: 0 !important; width: 100% } } .m-ourteam { margin-top: 71px } .m-ourteam .box-title { margin-bottom: 55px; padding-bottom: 8px; font-size: 18px; font-size: 1.8rem; color: #595757; font-family: "Microsoft YaHei"; border-bottom: 1px solid #bcbcbf } .m-ourteam .box-title a { color: #595757 } .m-ourteam .box-title a:hover { color: #1aa866 } .m-ourteam .box-list { width: 1000%; overflow: hidden } .m-ourteam .list-wp { float: left; width: 10%; overflow: hidden } .m-ourteam .list-item { position: relative; float: left; margin-right: 3.46667%; width: 30.93333%; overflow: hidden; border: solid 1px #c9caca; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .m-ourteam .item-text { position: absolute; left: 0; bottom: 0; width: 100%; padding-top: 29px; padding-bottom: 18px; padding-left: 38px; padding-right: 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-color: #1b1b1b; background-color: rgba(27, 27, 27, .8); color: #f3f4f9 } .m-ourteam .item-title { height: 35px; line-height: 35px; font-size: 25px; font-size: 2.5rem; font-family: "Microsoft YaHei"; text-overflow: ellipsis; white-space: nowrap } .m-ourteam .item-desc { margin-top: 11px; height: 35px; line-height: 35px; font-size: 25px; font-size: 2.5rem; overflow: hidden } .m-ourteam .box-page { margin-top: 71px; font-size: 0; letter-spacing: 0; text-align: center } .m-ourteam .page-item { margin: 0 10px; display: inline-block; vertical-align: top; width: 19px; height: 19px; background-color: #c9caca; border-radius: 50% } .m-ourteam .page-item.active { background-color: #1aa866 } @media screen and (max-width:991px) { .m-ourteam { margin-top: 30px } .m-ourteam .box-title { margin-bottom: 30px } .m-ourteam .item-text { padding: 15px } .m-ourteam .item-desc, .m-ourteam .item-title { height: 24px; line-height: 24px; font-size: 14px; font-size: 1.4rem } .m-ourteam .box-page { margin-top: 30px } } @media screen and (max-width:480px) { .m-ourteam .list-item { width: 100%; margin-right: 0; margin-top: 20px } .m-ourteam .list-item:first-child { margin-top: 0 } } .m-history { padding-top: 59px; border-top: 1px solid #bcbcbf } .m-history .box-ft, .m-history .box-info, .m-history .box-title { font-family: "Microsoft YaHei"; text-align: center; color: #595757 } .m-history .box-title { font-size: 33px; font-size: 3.3rem; font-family: "Microsoft YaHei" } .m-history .box-info { margin-top: 18px; font-size: 21px; font-size: 2.1rem } .m-history .box-ft { font-size: 33px; font-size: 3.3rem } .m-history .box-bd { position: relative; margin-top: 12px; padding-top: 128px; padding-bottom: 128px } .m-history .box-bd:before { content: ""; position: absolute; top: 0; left: 50%; width: 1px; height: 100%; background-color: #959595 } .m-history .box-bd:after { content: ""; position: absolute; left: 0; right: 0; top: 0; margin: 0 auto; width: 29px; height: 29px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #949494; border-radius: 50%; background-color: #f3f4f9; z-index: 2 } .m-history .list-item { margin-top: 115px; overflow: hidden } .m-history .list-item .item-wp { position: relative; width: 50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .m-history .list-item .item-wp:before { content: ""; position: absolute; top: 0; width: 29px; height: 29px; background: url(../images/yearicon1.png) no-repeat center; -webkit-background-size: 100% 100%; background-size: 100% 100% } .m-history .list-item .item-pic { width: 242px } .m-history .list-item .item-text { overflow: hidden } .m-history .list-item .item-title { font-size: 33px; font-size: 3.3rem; font-family: "Microsoft YaHei"; color: #595757 } .m-history .list-item .item-desc { margin-top: 9px; line-height: 30px; font-size: 18px; font-size: 1.8rem; color: #595757; text-indent: 36px } .m-history .list-item:first-child { margin-top: 0 } .m-history .list-item1 .item-wp { float: left } .m-history .list-item1 .item-wp:before { right: -15px } .m-history .list-item1 .item-pic { float: left; margin-right: 7.6% } .m-history .list-item1 .item-text { text-align: right; padding-right: 6.4% } .m-history .list-item2 .item-wp { float: right } .m-history .list-item2 .item-wp:before { left: -15px } .m-history .list-item2 .item-pic { float: right; margin-left: 7.6% } .m-history .list-item2 .item-text { text-align: left; padding-left: 6.4% } @media screen and (max-width:1219px) { .m-history .list-item .item-pic { float: none; width: 100%; margin: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .m-history .list-item .item-text { padding-top: 15px } .m-history .list-item1 .item-pic { padding-right: 6.4%; text-align: right } .m-history .list-item2 .item-pic { padding-left: 6.4%; text-align: left } } @media screen and (max-width:991px) { .m-history { padding-top: 30px } .m-history .box-bd { padding: 30px 0 } .m-history .box-bd:after, .m-history .box-bd:before { display: none } .m-history .list-item { margin-top: 30px } .m-history .list-item .item-wp { float: none; width: 100% } .m-history .list-item .item-wp:before { display: none } .m-history .list-item .item-pic, .m-history .list-item .item-text { text-align: left; padding: 0 } .m-history .list-item .item-text { margin-top: 15px } } .m-entlst { padding-top: 59px; padding-bottom: 95px; background-color: #e6e6e6 } .m-entlst .box-list { margin-bottom: -25px } .m-entlst .list-item { float: left; margin-right: 2%; margin-bottom: 25px; width: 32% } .m-entlst .item-pic { -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .5); box-shadow: 0 0 10px 0 rgba(0, 0, 0, .5); border-radius: 11px } .m-entlst .item-text { padding: 42px 0; background: #fff } .m-entlst .item-title { height: 43px; line-height: 43px; font-size: 33px; font-size: 3.3rem; font-family: "Microsoft YaHei"; text-align: center; color: #595757; text-overflow: ellipsis; white-space: nowrap } .m-entlst .item-desc { margin-top: 10px; height: 52px; line-height: 26px; font-size: 16px; font-size: 1.6rem; color: #595757; overflow: hidden; text-align: center } @media screen and (max-width:991px) { .m-entlst { padding: 30px 0 } .m-entlst .item-title { font-size: 18px; font-size: 1.8rem } .m-entlst .item-desc { margin-top: 5px; font-size: 14px; font-size: 1.4rem } } @media screen and (max-width:428px) { .m-entlst { padding: 30px 0 } .m-entlst .list-item { margin-right: 0; width: 100% } } .m-mctus { -webkit-background-size: cover; background-size: cover; padding-top: 169px; padding-bottom: 102px } .m-mctus .box-title { line-height: 66px; font-size: 30px; font-size: 3rem; font-family: "Microsoft YaHei"; text-align: center } .m-mctus .box-link { margin-top: 42px; text-align: center } .m-mctus .box-link a { display: inline-block; width: 168px; height: 62px; line-height: 62px; font-size: 20px; font-size: 2rem; color: #fff; background-color: #1aa866 } .m-mctus .box-link a:hover { color: #fff; background-color: #333 } .m-mctus2 { padding-top: 107px; padding-bottom: 55px; background: #ebf4fc } .m-mctus2 .box-link a { color: #1aa866; background-color: #fff } @media screen and (max-width:991px) { .m-mctus { padding: 30px 0 } .m-mctus .box-title { font-size: 18px; font-size: 1.8rem; line-height: 36px } .m-mctus .box-link { margin-top: 30px } .m-mctus .box-link a { width: 100px; height: 38px; line-height: 38px; font-size: 14px; font-size: 1.4rem } } .m-cert { padding-top: 62px; margin-bottom: -57px; border-top: 1px solid #bcbcbf } .m-cert .list-item { float: left; margin-right: 3.06667%; margin-bottom: 57px; width: 22.66667% } .m-cert .item-pic { background-color: #fff; border: solid 1px #c9caca } .m-cert .item-title { margin-top: 14px; height: 27px; line-height: 27px; font-size: 17px; font-size: 1.7rem; -webkit-columns: #595757; -moz-columns: #595757; columns: #595757; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } @media screen and (max-width:991px) { .m-cert { padding-top: 30px; margin-bottom: -30px } .m-cert .list-item { margin-bottom: 30px } .m-cert .item-title { height: 24px; line-height: 24px; font-size: 14px; font-size: 1.4rem } } @media screen and (max-width:480px) { .m-cert .list-item { margin-left: 1%; margin-right: 1% !important; width: 48% } } @-webkit-keyframes imgScale { 0% { -webkit-transform: scale(1); transform: scale(1) } 50% { -webkit-transform: scale(1.5); transform: scale(1.5) } 100% { -webkit-transform: scale(1); transform: scale(1) } } @-moz-keyframes imgScale { 0% { -moz-transform: scale(1); transform: scale(1) } 50% { -moz-transform: scale(1.5); transform: scale(1.5) } 100% { -moz-transform: scale(1); transform: scale(1) } } @keyframes imgScale { 0% { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1) } 50% { -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -o-transform: scale(1.5); transform: scale(1.5) } 100% { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1) } } .m-servb { padding-top: 113px; padding-bottom: 187px } .m-servb .box-item { overflow: hidden } .m-servb .item-pic { width: 50% } .m-servb .item-pic .sno { font-size: 45rem; font-weight: 700; font-style: italic; color: #eee; text-shadow: 5px 5px 5px #ccc; display: block; height: 343px; line-height: 343px; width: 100%; text-align: center; } @media screen and (max-width:991px) { .m-servb .item-pic { display: none } } .m-servb .item-pic img { -webkit-animation: imgScale 20s; -moz-animation: imgScale 20s; animation: imgScale 20s; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; animation-iteration-count: infinite } .m-servb .item-text { padding-top: 30px } .m-servb .item-title { position: relative; padding-top: 49px; font-size: 28px; font-size: 2.8rem; font-family: "Microsoft YaHei"; color: #000 } .m-servb .item-title:before { content: ""; position: absolute; top: 0; width: 95px; height: 10px; background-color: #1aa866 } .m-servb .item-desc { margin-top: 51px; line-height: 24px; font-size: 17px; font-size: 1.7rem; color: #595757; overflow: inherit } .m-servb .item-desc p { min-height: 24px; text-indent: 32px } .m-servb1 { background-color: #ebf4fc } .m-servb1 .item-pic { float: right; margin-left: 2.66667% } .m-servb1 .item-text { padding-top: 13px } .m-servb1 .item-text:before { left: 0 } .m-servb2 .item-pic { float: left; margin-right: 8% } .m-servb2 .item-text:before { left: 0 } @media screen and (max-width:991px) { .m-servb { padding: 30px 0 } .m-servb .item-pic { float: none; margin: 0; width: 100% } .m-servb .item-text { padding-top: 30px } .m-servb .item-title { font-size: 20px; font-size: 2rem } .m-servb .item-desc { margin-top: 15px; font-size: 14px; font-size: 1.4rem } .m-servb .item-desc p { min-height: 10px } } .m-fmodal { position: fixed; display: none; z-index: 99; top: 50%; left: 0; right: 0; margin-left: auto; margin-right: auto; margin-top: -240px; color: #fff; width: 96%; max-width: 800px; background-color: #525252; background-color: rgba(22, 22, 22, .9) } .m-fmodal .box-close { position: absolute; right: 10px; top: 10px; font-size: 24px; font-size: 2.4rem; color: #fff; cursor: pointer } .m-fmodal .box-close .iconfont { color: #fff } .m-fmodal .box-close:hover { color: #1aa866 } .m-fmodal .box-wp { padding-top: 22px; padding-bottom: 22px; margin: 0 auto; width: 90%; max-width: 750px } .m-fmodal .box-title { margin-bottom: 28px; font-size: 29px; font-size: 2.9rem; color: #fff; text-align: center } .m-fmodal .form-item1 { margin-bottom: 25px; width: 44.53333% } .m-fmodal .form-item2 { margin-bottom: 25px; width: 100% } .m-fmodal .form-item3 { width: 100% } .m-fmodal .form-text { width: 100%; height: 50px; line-height: 3rem; padding: 0 10px; font-size: 2rem; color: #333; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #949494; background-color: #fff } .m-fmodal .form-text::-webkit-input-placeholder { color: #999; opacity: 1; font-size: 2rem } .m-fmodal .form-text:-moz-placeholder { color: #ccc; opacity: 1 } .m-fmodal .form-text::-moz-placeholder { color: #ccc; opacity: 1 } .m-fmodal .form-text:-ms-input-placeholder { color: #ccc; opacity: 1 } .m-fmodal .form-text2 { height: 120px } .m-fmodal .form-btn { margin: 0 auto; display: block; width: 134px; height: 52px; font-size: 20px; font-size: 2rem; color: #fff; background-color: #1aa866 } @media screen and (max-width:1900px) { .m-fmodal { margin-top: -300px } .m-fmodal .form-item { margin-bottom: 25px } .m-fmodal .form-text2 { height: 176px } } @media screen and (max-width:992px) { .m-fmodal .form-item1 { width: 100% } } @media screen and (max-width:1000px) { .m-fmodal { margin-top: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%) } .m-fmodal .box-wp { padding: 20px 0 } .m-fmodal .form-item { margin-bottom: 20px } .m-fmodal .form-text1 { height: 36px; line-height: 36px; font-size: 14px; font-size: 1.4rem } .m-fmodal .form-text2 { height: 150px; line-height: 30px } } .m-entimgshow { padding-top: 46px; padding-bottom: 49px; border-top: 1px solid #bcbcbf } .m-entimgshow .box-title { font-size: 25px; font-size: 2.5rem; font-family: "Microsoft YaHei"; text-align: center; color: #595757 } .m-entimgshow .box-info { margin-top: 12px; font-size: 21px; font-size: 2.1rem; color: #595757; text-align: center } .m-entimgshow .box { margin-top: 20px; width: 100%; position: relative } .m-entimgshow .list { width: 100%; height: 600px; overflow: hidden; position: relative } .m-entimgshow .btn { position: absolute; top: 50%; margin-top: -24px; width: 48px; height: 48px; line-height: 46px; font-size: 16px; color: #888; text-decoration: none; text-align: center; border: 1px solid #888; border-radius: 50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; cursor: pointer } .m-entimgshow .next { right: 13px } .m-entimgshow .prev { left: 13px } .m-entimgshow li { position: absolute; top: 0; left: 0; list-style: none; opacity: 0; -webkit-transition: all .3s ease-out; -o-transition: all .3s ease-out; -moz-transition: all .3s ease-out; transition: all .3s ease-out } .m-entimgshow img { width: 1200px; height: 600px; border: none; float: left } .m-entimgshow .img { width: 1200px; height: 600px; border: none; float: left; background: #337ab7; line-height: 600px; text-align: center; color: #fff; font-size: 6.5rem } .m-entimgshow .buttons { position: relative; margin-top: 35px; font-size: 0; letter-spacing: 0; text-align: center } .m-entimgshow .buttons a { margin: 0 10px; display: inline-block } .m-entimgshow span { display: block; width: 19px; height: 19px; cursor: pointer; border-radius: 50%; background-color: #c9caca } .m-entimgshow .blue { background: #1aa866 } .m-entimgshow .p3 { -webkit-transform: translate3d(-125px, 0, 0) scale(.6); -moz-transform: translate3d(-125px, 0, 0) scale(.6); transform: translate3d(-125px, 0, 0) scale(.6) } .m-entimgshow .p4 { -webkit-transform: translate3d(0, 0, 0) scale(.6); -moz-transform: translate3d(0, 0, 0) scale(.6); transform: translate3d(0, 0, 0) scale(.6); -webkit-transform-origin: 0 50%; -moz-transform-origin: 0 50%; -ms-transform-origin: 0 50%; -o-transform-origin: 0 50%; transform-origin: 0 50%; opacity: .3; z-index: 2 } .m-entimgshow .p1 { -webkit-transform: translate3d(151px, 0, 0) scale(1); -moz-transform: translate3d(151px, 0, 0) scale(1); transform: translate3d(151px, 0, 0) scale(1); z-index: 3; opacity: 1 } .m-entimgshow .p2 { -webkit-transform: translate3d(805px, 0, 0) scale(.6); -moz-transform: translate3d(805px, 0, 0) scale(.6); transform: translate3d(805px, 0, 0) scale(.6); -webkit-transform-origin: 100% 50%; -moz-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; -o-transform-origin: 100% 50%; transform-origin: 100% 50%; opacity: .3; z-index: 2 } .m-entimgshow .box-list { margin-bottom: -25px; font-size: 0; letter-spacing: 0; text-align: center; display: none } .m-entimgshow .list-item { display: inline-block; margin-bottom: 25px; vertical-align: top; width: 48%; margin-left: 1%; margin-right: 1% } .m-entimgshow .item-title { font-size: 16px; font-size: 1.6rem; font-family: "Microsoft YaHei"; text-align: center; color: #595757 } .m-entimgshow .item-info { margin-top: 12px; font-size: 14px; font-size: 1.4rem; color: #595757; text-align: center } .m-entimgshow .item-pic { margin-top: 15px } .m-entimgshow .item-pic img { width: 100%; height: auto } @media screen and (max-width:1519px) { .m-entimgshow .list { width: 100%; height: 480px; overflow: hidden; position: relative } .m-entimgshow img { width: 960px; height: 480px; border: none; float: left } .m-entimgshow .p3 { -webkit-transform: translate3d(-100px, 0, 0) scale(.6); -moz-transform: translate3d(-100px, 0, 0) scale(.6); transform: translate3d(-100px, 0, 0) scale(.6) } .m-entimgshow .p4 { -webkit-transform: translate3d(0, 0, 0) scale(.6); -moz-transform: translate3d(0, 0, 0) scale(.6); transform: translate3d(0, 0, 0) scale(.6); -webkit-transform-origin: 0 50%; -moz-transform-origin: 0 50%; -ms-transform-origin: 0 50%; -o-transform-origin: 0 50%; transform-origin: 0 50%; opacity: .3; z-index: 2 } .m-entimgshow .p1 { -webkit-transform: translate3d(120px, 0, 0) scale(1); -moz-transform: translate3d(120px, 0, 0) scale(1); transform: translate3d(120px, 0, 0) scale(1); z-index: 3; opacity: 1 } .m-entimgshow .p2 { -webkit-transform: translate3d(644px, 0, 0) scale(.6); -moz-transform: translate3d(644px, 0, 0) scale(.6); transform: translate3d(644px, 0, 0) scale(.6); -webkit-transform-origin: 100% 50%; -moz-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; -o-transform-origin: 100% 50%; transform-origin: 100% 50%; opacity: .3; z-index: 2 } } @media screen and (max-width:1219px) { .m-entimgshow .list { width: 100%; height: 388px; overflow: hidden; position: relative } .m-entimgshow img { width: 777px; height: 388px; border: none; float: left } .m-entimgshow .p3 { -webkit-transform: translate3d(-81px, 0, 0) scale(.6); -moz-transform: translate3d(-81px, 0, 0) scale(.6); transform: translate3d(-81px, 0, 0) scale(.6) } .m-entimgshow .p4 { -webkit-transform: translate3d(0, 0, 0) scale(.6); -moz-transform: translate3d(0, 0, 0) scale(.6); transform: translate3d(0, 0, 0) scale(.6); -webkit-transform-origin: 0 50%; -moz-transform-origin: 0 50%; -ms-transform-origin: 0 50%; -o-transform-origin: 0 50%; transform-origin: 0 50%; opacity: .3; z-index: 2 } .m-entimgshow .p1 { -webkit-transform: translate3d(97.2px, 0, 0) scale(1); -moz-transform: translate3d(97.2px, 0, 0) scale(1); transform: translate3d(97.2px, 0, 0) scale(1); z-index: 3; opacity: 1 } .m-entimgshow .p2 { -webkit-transform: translate3d(521px, 0, 0) scale(.6); -moz-transform: translate3d(521px, 0, 0) scale(.6); transform: translate3d(521px, 0, 0) scale(.6); -webkit-transform-origin: 100% 50%; -moz-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; -o-transform-origin: 100% 50%; transform-origin: 100% 50%; opacity: .3; z-index: 2 } } @media screen and (max-width:991px) { .m-entimgshow .box, .m-entimgshow .box-hd { display: none } .m-entimgshow .box-list { display: block } } @media screen and (max-width:375px) { .m-entimgshow .list-item { margin-right: 0; width: 100% } } .m-nicon { margin-bottom: 79px } .m-nicon .list-item { text-align: center } .m-nicon .list-item.active { color: #1aa866 } .m-nicon .list-item.active a { color: #1aa866 } .m-nicon .item-icon { display: block; font-size: 0; line-height: 0 } .m-nicon .item-title { margin-top: 17px; height: 28px; line-height: 28px; font-size: 18px; font-size: 1.8rem; font-family: "Microsoft YaHei"; text-overflow: ellipsis; color: #000; white-space: nowrap } .m-nicon .item-info { margin-top: 0; height: 23px; line-height: 23px; font-size: 13px; font-size: 1.3rem; color: #595757; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .m-nicon .item-icon img { width: 78px; height: 78px } @media screen and (max-width:991px) { .m-nicon { margin-bottom: 30px } .m-nicon .item-title { font-size: 14px; font-size: 1.4rem } .m-nicon .item-desc { font-size: 12px; font-size: 1.2rem } } .m-projicon .list-item { float: left; margin: 0 1%; width: 18%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } @media screen and (max-width:480px) { .m-projicon .box-list { margin-bottom: -25px } .m-projicon .list-item { margin-bottom: 25px; width: 48% } } .m-proicon { position: relative; padding-bottom: 45px } .m-proicon .box-list { width: 1000% } .m-proicon .list-item { float: left; padding: 0 10px; width: 1.66%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .m-proicon .box-btn { position: absolute; bottom: 0; width: 30px; line-height: 30px; font-size: 14px; font-size: 1.4rem; color: #fff; background-color: #333; text-align: center } .m-proicon .box-btn:hover { background-color: #1aa866 } .m-proicon .box-btn.prev { right: 50%; margin-right: 15px } .m-proicon .box-btn.next { left: 50%; margin-left: 15px } @media screen and (max-width:1219px) { .m-proicon .item-title { font-size: 14px; font-size: 1.4rem } .m-proicon .item-desc { font-size: 12px; font-size: 1.2rem } } @media screen and (max-width:1219px) { .m-proicon .list-item { width: 2.5% } } @media screen and (max-width:640px) { .m-proicon .list-item { width: 3.3% } } @media screen and (max-width:414px) { .m-proicon .list-item { width: 5% } } .m-videoicon .box-list { font-size: 0; letter-spacing: 0; text-align: center } .m-videoicon .list-item { display: inline-block; vertical-align: top; width: 25%; padding: 0 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } @media screen and (max-width:480px) { .m-videoicon .box-list { margin-bottom: -25px } .m-videoicon .list-item { margin-bottom: 25px; width: 48% } } .m-prosbnav { margin-bottom: 40px; min-height: 100px } .m-prosbnav .box-wp { position: relative; padding-left: 120px; padding-right: 50px; background: url(../images/nbd1.png) repeat-x left bottom } .m-prosbnav .box-wp .umsd { margin-right: 0; position: absolute; left: 60px } .m-prosbnav .box-list { width: 10000%; overflow: hidden } .m-prosbnav .list-item { float: left; margin-right: 42px } .m-prosbnav .item-title { position: relative; padding-bottom: 14px; height: 26px; line-height: 26px; font-size: 14px; font-size: 1.4rem; font-family: "Microsoft YaHei", "PingFang Regular"; color: #595757; text-overflow: ellipsis; white-space: nowrap } .m-prosbnav .umsd .item-title { font-family: "Microsoft YaHei"; font-size: 20px; font-size: 2rem } @media screen and (max-width:992px) { .m-prosbnav { min-height: 10px; } } .m-prosbnav .item-title:before { content: ""; position: absolute; left: 0; right: 0; bottom: 0; width: 100%; height: 10px; background-color: transparent; -webkit-transition: all 350ms; -o-transition: all 350ms; -moz-transition: all 350ms; transition: all 350ms } .m-prosbnav .item-title:hover { color: #1aa866 } .m-prosbnav #znb a { color: #1aa866 !important } .m-prosbnav .item-title:hover:before { background-color: #1aa866 } .m-prosbnav #znb:before { background-color: #1aa866 !important } .m-prosbnav .item-title.active { color: #1aa866 } .m-prosbnav .item-title.active:before { background-color: #1aa866 } .m-prosbnav .box-btn { position: absolute; top: 0; width: 26px; line-height: 26px; background-color: #1aa866; font-size: 20px; font-size: 2rem; color: #fff; text-align: center } .m-prosbnav .box-btn.prev { left: 0 } .m-prosbnav .box-btn.next { right: 0 } .m-prosbnav .box-btn:hover { background-color: #333 } .m-hsbnav { position: absolute; left: 0; top: 100%; display: none; width: 100%; -webkit-box-shadow: -5px 5px 10px -4px rgb(0 0 0 / 50%), 5px 5px 10px -4px rgb(0 0 0 / 50%); box-shadow: -5px 5px 10px -4px rgb(0 0 0 / 50%), 5px 5px 10px -4px rgb(0 0 0 / 50%) } .m-hsbnav .box-wp { height: 381px; background-color: #fff; background-color: rgba(255, 255, 255, .9) } .m-hsbnav .sbnav-wp { position: relative; padding-top: 21px; padding-bottom: 17px; padding-left: 16px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 100%; } .m-hsbnav .sbnav-fix { font-size: 0; letter-spacing: 0; overflow: hidden; height: 100%; column-count: 6; } .m-hsbnav .sbnav-img { float: left; padding-top: 26px; width: 20%; margin-right: 3.53333%; line-height: 0; font-size: 0; overflow: hidden } .m-hsbnav .sbnav-list1 { float: left; margin-bottom: 27px; padding-right: 20px; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; break-inside: avoid; } .m-hsbnav .sbnav-list1>a { margin-bottom: 12px; display: block; font-size: 17px; font-weight: 700; font-size: 1.7rem; font-family: "Microsoft YaHei"; color: #595757 } .m-hsbnav .sbnav-list1>a:hover { color: #1aa866 } .m-hsbnav .sbnav-list3 { float: right; padding-right: 20px; width: 20%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .m-hsbnav .sbnav-list3>a { margin-bottom: 12px; display: block; font-weight: 700; font-size: 17px; font-size: 1.7rem; font-family: "Microsoft YaHei"; color: #595757 } .m-hsbnav .sbnav-list3>a:hover { color: #1aa866 } .m-hsbnav .sbnav-item2 { line-height: 26px; font-size: 1.6rem; font-family: "Microsoft YaHei", "PingFang Regular"; color: #595757 } .m-hsbnav .sbnav-item2 a { color: #595757; font-weight: 400 } .m-hsbnav .sbnav-item2 a:hover { color: #1aa866 } @font-face { font-family: iconfont; src: url(iconfont.eot?t=1567147187575); src: url(iconfont.eot?t=1567147187575#iefix) format('embedded-opentype'), url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'), url(iconfont.woff?t=1567147187575) format('woff'), url(iconfont.ttf?t=1567147187575) format('truetype'), url(iconfont.svg?t=1567147187575#iconfont) format('svg') } .iconfont { font-family: iconfont !important; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .iconflag { width: 1.8rem; height: 1.8rem; vertical-align: -.18em; fill: currentColor; overflow: hidden } .icon-home:before { content: "\e624" } .icon-fanhui1:before { content: "\e609" } .icon-0601bianji:before { content: "\e611" } .icon-web3:before { content: "\e6fd" } .icon-bigger1:before { content: "\e647" } .icon-left7:before { content: "\e724" } .icon-right7:before { content: "\e725" } .icon-left9:before { content: "\e72c" } .icon-right9:before { content: "\e72d" } .icon-up10:before { content: "\e72e" } .icon-bottom10:before { content: "\e72f" } .icon-left10:before { content: "\e730" } .icon-right10:before { content: "\e731" } .icon-up14:before { content: "\e73e" } .icon-bottom14:before { content: "\e73f" } .icon-left16:before { content: "\e748" } .icon-right16:before { content: "\e749" } .icon-up18:before { content: "\e74e" } .icon-download1:before { content: "\e7a0" } .icon-download8:before { content: "\e7a7" } .icon-search4:before { content: "\e7b2" } .icon-address:before { content: "\e7bc" } .icon-email:before { content: "\e7bd" } .icon-contact:before { content: "\e7be" } .icon-whatsapp:before { content: "\e7bf" } .icon-fax:before { content: "\e7c2" } .icon-mobile:before { content: "\e7c6" } .icon-phone:before { content: "\e7c8" } .icon-tel:before { content: "\e7c7" } .icon-phone1:before { content: "\e7cb" } .icon-skype:before { content: "\e7cc" } .icon-whatsapp1:before { content: "\e7c1" } .icon-address1:before { content: "\e7c3" } .icon-contact1:before { content: "\e7c4" } .icon-email1:before { content: "\e7c5" } .icon-skype1:before { content: "\e7c9" } .icon-fax1:before { content: "\e7ca" } .icon-qq:before { content: "\e7ce" } .icon-tel1:before { content: "\e7cd" } .icon-wechat:before { content: "\e7cf" } .icon-phone2:before { content: "\e7d0" } .icon-delete1:before { content: "\e7d4" } .icon-message:before { content: "\e7da" } .icon-calendar3:before { content: "\e7e1" } .icon-calendar5:before { content: "\e7e3" } .icon-top10:before { content: "\e7ed" } .m-page a.no:hover { color: #000 !important } .item-btns a.no:hover { color: #333 !important; background-color: #e5e5e5 !important } .ppp { line-height: 30px } .at-resp-share-element .at-icon { width: 24px !important; height: 24px !important } .at-style-responsive .at-share-btn { padding: 0 !important; border-radius: 2px !important } .at-resp-share-element .at-share-btn .at-icon-wrapper { width: 24px !important; height: 24px !important } .at-resp-share-element .at-share-btn { margin-bottom: 0 !important; margin-right: 3px !important } .listcart { width: 100%; margin-bottom: 40px } .listcart a { display: inline-block; height: 32px; width: 180px; line-height: 30px; cursor: pointer; border: none; overflow: hidden; color: #036887; cursor: pointer; border: 1px solid #036887; padding-left: 10px; padding-right: 10px; text-align: center; font-size: 16px; font-size: 1.6rem; margin-left: 10px } .xunpanc { margin-top: 20px } .m-mloading { position: fixed; left: 0; top: 0; z-index: 11; width: 100%; height: 100%; background: url(../images/loading.gif) no-repeat center; background-color: rgba(0, 0, 0, .2); display: none } .m-prodesc { font-family: "Microsoft YaHei", "PingFang Regular" } .nav-item a:hover { text-decoration: none } .m-hsbnav .sbnav-list1>a { margin-bottom: 12px; display: block; font-size: 1.7rem; color: #595757 } .line { color: #d5d5d5 } .lang { right: 5rem; top: 10% } .lang a { display: inline-block; vertical-align: middle; margin-left: 2px } .g-hd .g-hd-top { background-color: #fff; line-height: 32px; padding: 3px 0 } .g-hd .g-hd-top a, .item-desc a { position: relative } .g-hd .g-hd-top a .top-wx, .item-desc a .top-wx { display: none; position: absolute; top: 30px; left: -15px; width: 160px; z-index: 999999 } .g-hd .g-hd-top a:hover .top-wx, .item-desc a:hover .top-wx { display: block } @media screen and (max-width:1219px) { .g-hd .g-hd-top { font-size: 1rem } } @media screen and (max-width:991px) { .g-hd-top { display: none } } .g-hd .f-box { position: relative } #ewm { display: none; position: fixed; width: 100% } #vx { position: relative; display: inline-block; vertical-align: middle; z-index: 9999 } #vx img { margin-bottom: -5px } #vx .drop { position: absolute; width: 160px; left: 50%; margin-left: -105px; top: 32px; padding: 4px; background: #fff; border: 1px solid #e5e5e5; border-top: none; display: none; -webkit-box-shadow: -5px 5px 10px -4px rgb(0 0 0 / 50%), 5px 5px 10px -4px rgb(0 0 0 / 50%); box-shadow: -5px 5px 10px -4px rgb(0 0 0 / 50%), 5px 5px 10px -4px rgb(0 0 0 / 50%) } #vx .drop ul li { padding: 0; float: left; width: 50%; } #vx .drop img { width: 15px; height: auto } #vx:hover .drop { display: block } .slide .slideItem { position: relative } .slide .shade { position: absolute; width: 100%; left: 0; top: 50%; z-index: 50; text-align: center; margin-top: -170px } .slide .tit { font-size: 60px; color: #1aa866; line-height: 104px; text-shadow: 0 -7px 5px rgba(0, 0, 0, .75) } .slide .btns { margin-top: 60px } .slide .lk { display: inline-block; vertical-align: middle; font-size: 16px; color: #fff; width: 130px; line-height: 44px; background: #1aa866; margin: 0 10px; border-radius: 22px } .slide .lk:hover { background: #014b7d } @media screen and (max-width:991px) { .lang { display: none; right: 0; top: 15px; right: 0; width: 100%; text-align: center } #vx .drop { width: 80px; padding: 3px; margin-left: -45px } #vx .drop:before { border-width: 0 4px 6px 4px; top: -6px; margin-left: -2px } .g-hd .f-box { padding-right: 0 } .m-hdlogo { margin: 0 auto 0; display: block; padding-left: 0 } .m-hdlogo img { width: auto; max-width: auto; height: 30px } .wap-nav .menubtn { top: 20px } .slide .btns { margin-top: 10px; padding: 0 8% } .slide .shade { margin-top: -60px } .slide .tit { font-size: 16px; line-height: 22px } .slide .tit2 { font-size: 14px; line-height: 22px } .slide .lk { width: 28.3%; font-size: 12px; line-height: 26px; margin: 0 2.5% 5px } .banner .dotList { bottom: 8px } .banner .dotList ul li { width: 10px; height: 10px; margin: 0 3px } } .tit2 { font-size: 40px; color: #fff } .tg_pages { padding-top: 10px; padding-bottom: 10px; text-align: center } .tg_pages li { display: inline; line-height: 22px } .tg_pages li a { margin-right: 5px; padding-right: 5px; padding-left: 5px; padding-top: 3px; padding-bottom: 3px; border: none; background-color: none } .thisclass { font-weight: 700; color: #c00 } .right_con { border: 1px solid #e5e5e5; width: 260px; margin-bottom: 15px; float: left } .right_con_top { background: url(/images/right_con.png) center no-repeat; width: 260px; height: 125px; color: #fff } .coolbg { font-family: Microsoft YaHei; font-size: 16px; font-weight: 700; background-color: #104bec; border: none; height: 33px; line-height: 33px; color: #fff; width: 200px; margin: 0 auto; border-radius: 4px } .my_sub { text-align: center; margin-top: 10px; border: none !important } .intxt { height: 27px; line-height: 27px; border: none; width: 165px } .right_form { margin: 10px } .right_form ul li { margin-top: 10px; border: 1px solid #e9e9e9 } .right_con_top h4 { font-size: 14px; font-weight: 500; margin: 10px 10px 0 0 } .right_form ul li span { display: inline-block; height: 22px; padding-left: 33px; border-right: 1px solid #e9e9e9 } .form_name { background: url(/images/bg_user.jpg) 9px 0 no-repeat } .form_tel { background: url(/images/bg_phone.jpg) 13px 0 no-repeat } .bg-color, .bg-color-a a, .bg-color-a a:hover, .bg-color-after::after, .bg-color-before::before, .bg-color-hover-after:hover::after, .bg-color-hover-before:hover::before, .bg-color-hover:hover, .btn-primary, .btn-primary:hover { background-color: #404040 !important } .iconfont { font-family: iconfont !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .prompt_language { padding: 15px; background-color: #f2f2f2; margin-bottom: 15px; overflow: hidden } #backTop_click { position: fixed; bottom: 22px; right: 22px; width: 60px; height: 60px; cursor: pointer; text-align: center; line-height: 60px; border-radius: 50%; background-color: #fff; box-shadow: rgba(122, 122, 122, .4) 0 0 15px; z-index: 44; transition: .2s; opacity: .8 } #backTop_click:hover { box-shadow: rgba(122, 122, 122, .3) 0 2px 6px; opacity: 1 } #backTop_click:active { box-shadow: rgba(122, 122, 122, .6) inset 0 2px 8px } #backTop_click .iconfont { font-size: 25px } @media (max-width:1026px) { #backTop_click { width: 40px; height: 40px; bottom: 60px; line-height: 40px; opacity: 1; box-shadow: rgba(122, 122, 122, .4) 0 0 15px !important; display: none } #backTop_click .iconfont { font-size: 22px } } body.body_color_bgs.body_pages_products-detail a.keyword_link { display: inline !important; color: #0cbcff !important; text-decoration: none !important } .chat_online_box { position: fixed; right: 6px; bottom: 80px; z-index: 44; display: block; cursor: pointer } .chat_online_box2 { box-shadow: 0 0 25px rgba(0, 0, 0, .2); position: fixed; right: 6px; bottom: 100px; z-index: 99999; display: none; background: #fff; height: 400px; width: 400px } .chat_online_box .btns_box { background: red; width: 60px; height: 60px; text-align: center; line-height: 60px; color: #fff; border-radius: 50%; cursor: pointer } .chat_online_box2 .iframe_conceal { z-index: 10; position: absolute; top: 16px; right: 20px; color: #000; font-size: 28px; font-weight: 700; width: 30px; border-radius: 50%; height: 30px; cursor: pointer; line-height: 30px; text-align: center; text-shadow: 0 0 4px rgba(255, 255, 255, .8) } @media (max-width:1026px) { .chat_online_box { bottom: 110px; display: none !important } .chat_online_box .btns_box { width: 40px; height: 40px; line-height: 40px } .chat_online_box2 { width: auto; left: 0; right: 0; top: 0; bottom: 0; height: auto } } .chat_online_box_form { position: fixed; width: 400px; right: 6px; bottom: 20px; z-index: 999999999999; background-color: #fff; color: #666; display: none; -webkit-box-shadow: -5px 5px 10px -4px rgb(0 0 0 / 50%), 5px 5px 10px -4px rgb(0 0 0 / 50%); box-shadow: -5px 5px 10px -4px rgb(0 0 0 / 50%), 5px 5px 10px -4px rgb(0 0 0 / 50%) } .chat_online_box_form .iframe_conceal { position: absolute; z-index: 999999999999999999999; top: 15px; right: 20px; font-size: 20px; font-weight: 700; width: 30px; border-radius: 50%; height: 30px; cursor: pointer; line-height: 30px; text-align: center; margin-top: -15px; color: #fff } .chat_online_box_form .mqChat-head { position: relative; color: #fff; font-size: 18px; padding-left: 7px } .chat_online_box_form .span { padding: 10px; display: inline-block } .chat_online_box_form .form { padding: 20px 15px } .chat_online_box_form .form label { margin: 0; font-size: 14px } .chat_online_box_form .form label .red { font-style: normal; color: red } .chat_online_box_form .form-control { border: 1px solid #e7eef5 } .chat_online_box_form .btn-default { border-color: #e7eef5; display: block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; touch-action: manipulation; cursor: pointer; user-select: none; background-image: none; border: 1px solid #e7eef5; border-radius: 4px; background-color: #fff; width: 100% } .chat_online_box_form .form .form-control { width: 96%; height: 34px; padding: 0 6px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border-radius: 4px; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; margin-bottom: 0 } .chat_online_box_form .form textarea.form-control { resize: none; height: auto } .chat_online_box_form .form-group { position: relative; margin-bottom: 20px } .chat_online_box_form .form-group .required_tips { position: absolute; left: 0; top: 100%; font-size: 12px; color: red; display: none } .chat_online_box_form .form-group.errors .form-control { border-color: red; color: red } .chat_online_box_form .form-group.errors .required_tips { display: block } @media (max-width:1026px) { .chat_online_box_form { width: auto; left: 0; right: 0; top: 0; bottom: 0; overflow: auto } } .chat_prompt_box_s { position: fixed; left: 50%; width: 300px; margin-left: -150px; color: #fff; top: 40%; padding: 10px 20px; border-radius: 4px; font-family: inherit; z-index: 9999999; background: #007eff; -webkit-box-shadow: 0 2px 15px 0 rgba(0, 0, 0, .08); box-shadow: 0 2px 15px 0 rgba(0, 0, 0, .08); animation: chat_prompt_box_s_dong 5s linear; opacity: 0; pointer-events: none } .chat_prompt_box_s.success { background: #007eff } .chat_prompt_box_s.error { background: red } .chat_prompt_box_s.warning { background: #ffa000 } .chat_prompt_box_s.tran_hid { transition: 5s; margin-top: -100px; opacity: 0 } @keyframes chat_prompt_box_s_dong { 0% { opacity: 0; margin-top: 0 } 6% { opacity: 1; margin-top: 0 } 50% { opacity: 1; margin-top: 0 } 100% { opacity: 0; margin-top: -100px } } .tag { font-size: .1rem; color: #aaa; padding: .5rem } .kfboxs { padding: 2rem; background: #fff; position: fixed; margin: auto; right: 25%; top: 35%; text-align: center; width: 50%; max-width: 360px; line-height: 20PX; height: 24rem; z-index: 999; display: none; FONT-SIZE: 2rem; -webkit-box-shadow: 0 1px 10px 0 rgb(0 0 0 / 30%); box-shadow: 0 1px 10px 0 rgb(0 0 0 / 30%); -webkit-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease } #weixin { height: 28rem } .kfboxs .telbottom { background-color: #f9f9c9; margin-top: 2rem } .kfboxs .zhijietel { display: block; padding: 0.5rem 0; font-size: 2rem } @media screen and (min-width:1200px) { .kfboxs { width: 360px; right: 50%; margin-right: -250px } } @media screen and (min-width:991px) { .tanchuangtiajiatxt { display: none } } @media screen and (max-width:450px) { .kfboxs { right: 20% } } .kfboxs .clos { width: 30PX; height: 30PX; cursor: pointer; float: right; MARGIN-TOP: -15PX; margin-right: -15px } .kfboxs h2 { font-size: 3rem; margin: 0 } .kfboxs .btn.btn-default { background: #0083fe; color: #fff; width: 100%; margin: auto; display: block; line-height: 200% } .kfboxs .btn { display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px } .kfboxs input, .kfboxs input::-webkit-input-placeholder, .kfboxs select, .kfboxs textarea, .kfboxs textarea::-webkit-input-placeholder { font-size: 1.8rem; COLOR: #333; PADDING: 10px 0PX; BORDER: 1PX SOLID #dcdcdc; margin: 10px 0; width: 100%; text-indent: 2pt } @media screen and (max-width:991px) { .kfboxs { right: 1%; top: 20%; margin-left: -5%; width: 90% } }